js 添加监听事件问题
给按钮绑定事件时，可能会遇到这样的问题：同一个按钮，不同的事件被覆盖，导致点击按钮后执行的并不是预期的事件。
在提供的代码中，使用了 for 循环绑定事件，却出现了点击删除按钮调用编辑按钮方法的情况。这是由于在 for 循环中，[i] 最终都等于最后一个数字，导致所有事件都绑定到了最后一个 callback 函数上。
解决方法是使用闭包，在 for 循环中包裹一层函数：
立即学习“Java免费学习笔记（深入）”；
for (var i = 0; i < rowButtons.length; i++) { (function (i) { var _name = rowButtons[i].name; var _callback = rowButtons[i].callback; var _operate_Arr = document.getElementsByName(_name); for (var j = 0; j < _operate_Arr.length; j++) { _operate_Arr[j].addEventListener("click", function () { var rowObj = this.parentNode.parentNode; _callback(rowObj); }, true); } })(i);}
登录后复制
这样，每个按钮的事件都会绑定到自己相应的 callback 函数上，从而解决按钮事件覆盖的问题。
以上就是JavaScript 循环绑定事件时如何避免事件覆盖？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2654646.html
