JavaScript 使用 div 替换 button 点击 事件重点:<form id="cform" name="cform" action="$form_url" method="post" autocomplete="off"> 1、form 的 id =”cfom“ 这里的id就是让 div 获取 button 的提交事件 2、form 的 action = $form_url .el- button :focus{} < div v-for="(item,i) in colorlist" :key="i" class="left div " :class="getStyle(item)" @click="activeBtn(item)"> 金刚网折叠门 </ div > colorlist: [ { a1: false, a2: '金刚网折叠门' }, { a1: false, a2: '金刚网折叠门' }, { a1. 1.被 点击 时的 效果 可以用 div :active{ css } 2.鼠标覆盖在上面的时候可以用 div :hover{ css ;} 3. 点击 之后的 效果 ,这个相对前2种有些麻烦,必须用到JS或者jquery,步骤如下: a.先给 div 添加 一个选中的样式比如on{ css }; b.然后在js中$(‘ div ’).click(function{ $(‘ div ’).toggleClass(’ ',‘on’); 这是jquery自带的一个方法, 点击 div 切换2个class, &amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt; 本篇文章给大家带来的内容是介绍js如何实现 button 改变某 div 内文 内容显示的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。*{ padding:0px;margin:0px;}.wrapper div {;width:200px;height:250px;border:10px solid #FF3;} div .start{text-align:c... 一.实例分析 现在我们需要实现一个 div 文本输入框,其中含有 button 按钮在下层,上层 div 覆盖住下层 div 元素,上层 div 中同样含有一个 button 按钮的 效果 图。我们应该如何做来使下层 div 里的 button 点击 事件有 效果 呢? 二.知识点整理 在解决这个问题之前,让我们先了解与解决这个问题有关的一些知识点。 (1).pointer-events直译为指针事件,是一个与javascript有关的... 如果 button 在form表单内部,则可以不用JS绑定onclick属性就可以提交表单内容; 而如果不在form表单内部,又不考虑语义化,那么作为按钮,用 div button 来写按钮似乎就没什么太多的区别,只存在一些外观上的细微区别。 button 标签的外观如下: 下面分别对 button div 进行同样的 css 修饰: &lt;!DOCTYPE html&gt; &lt;html lang="en... :class="{active:index==isActive}" v-for="(item, index) in contentlist" @click="showdifference(index)" :key="index"> {{item.key}} 实现方法1: 使用 window.open 跳转,语法:window.open(*URL,name,specs,replace*) ,如下代码所示: < div class="col-sm-6 col-lg-3" onclick="window.open('{{ url_for('user.inform') }}')"> < div clas.