js循环绑定事件解决方案
来源:互联网 发布:mysql 高效批量update 编辑:程序博客网 时间:2024/06/05 12:40
相信大家都遇到过类似的问题,for循环绑定完事件最后执行的时候都是最后一个事件相同,比如这段代码
点击的时候弹出的不是0 1 2 3 4,而是5。
解决方案也很多种,比如可以新建一个function设置一个私有方法,然后每次new一个object然后再绑定到它的方法上。
还有就是闭包,写法相对简单:
就是每个循环加上闭包,然后设置一个临时变量,问题解决。
- <body>
- <ul id="list">
- <li>1</li>
- <li>2</li>
- <li>3</li>
- <li>4</li>
- <li>5</li>
- </ul>
- <script>
- var list_obj = document.getElementsByTagName('li');
- for (var i = 0; i <= list_obj.length; i++) {
- list_obj[i].onclick = function() {
- alert(i);
- }
- }
- </script>
- </body>
点击的时候弹出的不是0 1 2 3 4,而是5。
解决方案也很多种,比如可以新建一个function设置一个私有方法,然后每次new一个object然后再绑定到它的方法上。
还有就是闭包,写法相对简单:
- <body>
- <ul id="list">
- <li>1</li>
- <li>2</li>
- <li>3</li>
- <li>4</li>
- <li>5</li>
- </ul>
- <script>
- var list_obj = document.getElementsByTagName('li');
- for (var i = 0; i <= list_obj.length; i++) {
- (function(){
- var p = i
- list_obj[i].onclick = function() {
- alert(p);
- }
- })();
- }
- </script>
- </body>
就是每个循环加上闭包,然后设置一个临时变量,问题解决。
0 0
- js循环绑定事件解决方案
- js循环绑定事件解决方案
- js循环绑定事件解决方案
- js循环绑定事件
- Js循环绑定事件处理
- js怎么绑定循环事件
- 【JS难题】循环内绑定对象事件
- js 在循环中绑定事件
- JS 循环绑定多个元素的点击事件时出现的闭包问题与解决方案
- javascript中循环绑定监听事件的解决方案
- js for循环事件绑定之怪现状解决
- js循环绑定控件
- js--事件--事件循环
- js--事件--事件循环
- js事件绑定
- js事件的绑定
- JS事件绑定
- js绑定事件详解
- iOS项目开发实战(Swift)—查询天气小应用
- percona-toolkit使用教程之复制类工具
- jquery之stop()的用法
- [译] Webpack 用来做模块热替换(hot module replacement)
- HIVE 启动
- js循环绑定事件解决方案
- 今天开始做百度地图
- 21分钟 MySQL 入门教程
- Android Zipalign的使用方法
- 教大家一个在自定义的View里面不写block,delegate,Notification快速刷新UI的方法!
- Android中的类装载器DexClassLoader
- PorterDuffXfermode图片重叠过渡模式
- 逻辑回归 python 实现
- 【日志】Java 流行框架(Spring/Struts2/Hibernate/iBatis)都在使用什么日志组件