js点击事件多次触发执行，js多次点击只执行一次

关于js中事件重复绑定的问题

既然找到了错误的原因，就好解决了，在绑定删除事件前，只要把上次绑定的事件解绑就可以了。

可以通过以下两种方法调整代码修复这个问题：第一种：不要在循环中创建闭包，这是非常不推荐的写法，如果你用 JSHint 做代码检测，这个会报出一条警告。因为这种方法很危险，容易埋下隐患。

双向绑定需要突出双向，例如input框通过change事件改变了变量value，这只能说是单向的传值。要双向绑定还需要value每次发生变化就去改变input框的value值。

绑定事件你写对了呀？但是前提你必须引用js。

相关问答

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

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

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

3、每次点击后依次调用函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。

4、设置个全局变量，最后动作做完全局变量改变值。

5、你可以用楼上的方式，但是如果页面中还有其他超链接时，点击也会触发click事件的，所以我建议你为你要触发的该事件的超链接添加一个类属性。然后根据判断，若是否含有该属性的超链接就触发事件。

Q2: js能否设置再次点击触发另一个效果

使用jQuery的话，相对就比较简单。jQuery有个toggle(fn， fn2， [fn3， fn4， ...])其中fn，fn2，fn..为对应的点击次数所执行的事件。即第一次点击执行fn函数，第二次点击执行fn2函数，依此类推。

在test.html文件内，使用p标签创建一行文字，文字内容为“这是一段测试的文字”，并设置其class为mypp。

你可以把另外执行的那个函数封装起来呀，在第一个函数的最后再调用，这样就达到你的要求的了。

(#btn3).one(click，function(){ alert(jQuey的one函数，第1次点击)；})；不用jQuery的方式 框起来的3处都是不用jQuery实现的只触发一次的效果。

在div中，之所以使style=display：block的目的是让obj.style.display语句能够获取属性值，否则第一次点击无法将div设置为隐藏，大家可以去掉style=display：block做一下测试，return false语句是为了防止链接的跳转效果。

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