js动态绑定click事件多次触发，js动态添加点击事件不生效

js怎么用循环给N个div各个绑定click事件并且输出这个div里面的内容_百度...

先根据id获取对象 document.getElementById(pro)然后 使用该对象的 .innerHTML 属性往该节点中插入 document.getElementById(pro).innerHTML=div***/div使用for循环。

直接在回调函数里面添加这个事件的响应。因为在加载完之前，你的click事件是找不到对象的。将this的值传递给回调函数，然后用dom树找到那个按钮，因为我不知道按钮在那一级，所以没发给具体的。之后就可以简单的添加事件了。

用for整得的时候，给div加上一个calss，这样整出来之后，所有div的class都是一样的，绑定这个class就行了。

在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得div下的元素”。在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行divfun（）函数。

a=$(div).clone(true)；//假如div元素里面某个元素有事件，则该事件也会被复制；a=$(div).clone(false)；//不会复制事件，只会复制元素。

首先需要引入jquery脚本文件。然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性。还有一个操作的按钮，加上了onclick事件的。然后需要添加对应的点击事件函数。

相关问答

Q1: click事件执行两次??

1、经调试发现，label标签中包裹input，而事件绑定在label标签中时，点击label区域，事件会执行两次。方案1：将原绑定于label的事件，直接绑定于input上。

2、button点击后事件提交了两次，测试发现在电脑浏览器不会重复提交，但是在手机浏览器会重复提交 button标签少添加了属性type=button。

3、很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。

4、可以看到，当我第三次点击的时候，打印结果显示click事件被执行了两次，在这个示例中，意味着组件的每一次更新都会创建新的事件绑定，这很显然是不被允许的。

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

6、因为程序需要实际调试，所以在这里给点小建议。1：这里每次点击都会触发一次get请求，那么就用firebug看有没有发出去请求。2：设置alert断点，看看你到底有没有触发出这个匿名函数。

Q2: 在js中怎样触发动态的点击事件

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签，输入js代码：$(img).click()；。浏览器运行index.html页面，此时img标签被用js自动点击并打印了相关内容。

2、如图，假定是点击事件，则在按钮里面添加onclick=函数名即可把函数绑定到按钮上。onclick绑定的是单击事件哦，当然还有很多其他的事件。如图，绑定事件之后，当我们点击按钮即可触发绑定的函数，非常神奇哦。

3、原理用JS来点击按钮需要分2步，第一步是选中按钮的元素，第二步是使用元素自带的click函数。例如接下来我将要演示的例子中，仅用 document.getElementById(btn).click()一行就可以控制按钮点击。

4、触发touchstart事件后，会产生一个event对象，event对象里包括触摸列表，获得屏幕上的第一个touch，并记下其pageX，pageY的坐标。定义一个变量标记滚动的方向。此时绑定touchmove，touchend事件。

Q3: jquery中click事件的累加绑定,点击一次,执行多次

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

经过多次反复痛苦的调试，发现是在点击编辑后调用的函数中绑定了添加的事件，当再次点击编辑时，会重复绑定，所以会出现触发多次的bug。解决方法就是在绑定之前先解绑。这样就可以解决了。

// 绑定事件只能是在页面初始化的时候绑定，// 只要绑定一次就可以，而且必须绑定一次，正常需求下。// 如上：每次div键盘谈起，就绑定事件，事件累加绑定，导致效率低下，结果很大概率出错。

经调试发现，label标签中包裹input，而事件绑定在label标签中时，点击label区域，事件会执行两次。方案1：将原绑定于label的事件，直接绑定于input上。

使用click方法的参数调用函数，并执行函数的内容。

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

Q4: html中的click事件被触发两次如何解决

方案1：将原绑定于label的事件，直接绑定于input上。此时，当点击label区域或者直接点击input区域，由于checkbox本身有默认click监听器，所以会触发一次我们绑定的事件。

很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。

解决的办法，是在下拉框隐藏后，里面的click事件也要销毁，这样下次再点击时，里面的click会被再次声明（但不会立即执行），这样就不会消失了。

Q5: js(jquery)循环绑定事件如何实现?

1、})；// 绑定事件只能是在页面初始化的时候绑定，// 只要绑定一次就可以，而且必须绑定一次，正常需求下。// 如上：每次div键盘谈起，就绑定事件，事件累加绑定，导致效率低下，结果很大概率出错。

2、解决方法就是在绑定之前先解绑。这样就可以解决了。jquery中还有很多类似的处理，比如说运行一个动画前先将之前的动画stop()掉。

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

4、ready(fn)是jQuery事件模块中最重要的一个函数。这个方法可以看作是对window.onload注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪时立刻调用所绑定的函数，而几乎所有的javaScript函数都是需要在那一刻执行。

js动态绑定click事件多次触发的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js动态添加点击事件不生效、js动态绑定click事件多次触发的信息别忘了在本站进行查找喔。