js点击事件重复执行，js click事件多次执行

请问这个css+js代码为什么点击事件会重叠?

1、这个是事件冒泡！和css没啥关系，就是JS的事。

2、某些js功能并不重要，其本身不载入不影响页面功能或美观。比如一些网站访问量统计代码，通常都会给你一段js要求你加入到网页中就能统计你网站浏览、访客ip等。这种js就可以放在网页最底下。

3、应该是你onclick事件的位置写在了音乐那个标签里，不是旁边那个标签里。

4、把所有的处理时间的程序代码封装到一个函数方法里。包括var refer=true；这一句变量赋值也要放进函数里。 然后再html标签事件触发调用指定的方法名称。想重复调用多少次都行，因为你传进去的id值不同。

相关问答

Q1: javascript中,为什么双击事件之后必定会触发两次单击事件?

1、} 给你做了个demo，基本原理是使用线程处理，定义一个外部全局变量，确定是否双击。这里强调一下，关键在于把单击事件执行使用sleep滞后，判断在1秒内是否有再次点击，如果是，那么不执行单击事件，只执行双击事件。

2、js 的单双击事件同时存在会有一个问题：双击事件会同时触发单击事件，两个事件存在冲突。我们加一个延迟时间就能很好的解决这个问题。

3、click。仔细看，其实双击事件就是执行了两次单击事件，那这种情况下，怎么才能避免触发单击事件呢？解决问题的关键在于延迟定时器setTimeout，单击事件延迟执行，如果检测到连续点击的话，就认为是双击事件，不在执行单击事件。

4、在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。

5、有一种情况可能是因为网页中的某些JavaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，当第一次点击时文档才加载完毕；所以第二次点击时才有反应。

6、单击每天查询的页面卡时，您希望日期控件显示为月份。此时，您需要使用jquery的attr方法。4，运行程序，日期控件将显示如下所示的内容，以便选择哪个月来处理本月的天数。

Q2: js点击事件,每次会比上一次多执行一次的解决办法

如何解决累加绑定：第一种方法是元素点击后删除，然后再动态创建一个元素，再添加点击事件。显然这个方式很麻烦。第二中方法是使用jquery的one()方法，为元素绑定一个一次性的事件处理函数，这个事件处理函数只会被执行一次。

解决的方法：用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。

点击事件是执行网络请求（提交评论，验证码，支付）这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框。

Q3: jquery,点击一个节点,执行某一事件,再次点击,执行另一个事件,要能循环...

新建一个html文件，命名为test.html，用于讲解怎么让jquery事件执行一次。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。

最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用jquery的on()方法为元素绑定了点击事件，点击同时发送请求。完成后看效果，第一次点击没有问题。

toggle(fn， fn2， [fn3， fn4， ...])概述 每次点击后依次调用函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。

(a).click(function(){ if($(this).is(：hidden)){//如果隐藏就显示 (this).show()；}else{ (this).hide()；} })；或者可以查考jquery帮助文档使用.toggle()概述 切换元素的可见状态。

Q4: 前端js防止用户恶意操作,重复点击按钮事件

可以添加标记，第一次点击后变为false，每次点击判断这个标记是true才执行。如果是按钮防止重复点击，可以再按钮点击后，给按钮添加disabled属性。

建议使用ref，给button添加注册ref引用，然后在表单提交的时候，获取button按钮，使其disable置灰。ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。

总的来说，js解决方案是基本可以防止重复点击提交按钮造成的重复提交问题，但是前进后退操作，或者F5刷新页面等问题并不能得到解决。

点击事件是执行网络请求（提交评论，验证码，支付）这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框。

关于js点击事件重复执行和js click事件多次执行的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。