码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript利用闭包解决循环绑定事件

时间:2014-10-12 20:59:08      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   ar   java   for   sp   div   

例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <button></button>
    <button></button>
    <button></button>
</body>
<script type="text/javascript">
window.onload=function(){
    var btns=document.getElementsByTagName("button");
    for(var i=0;i<btns.length;i++){
        btns[i].onclick=function(){alert(i)};
    }
}
</script>
</html>

执行结果是,每一个按钮点击后弹出的都是3;

因此我们利用闭包的特性来解决循环绑定时,i变量赋值的问题,修改script部分代码如下:

<script type="text/javascript">
window.onload=function(){
    var btns=document.getElementsByTagName("button");
    for(var i=0;i<btns.length;i++){
        var col = new alertFunc(i);    
        btns[i].onclick=col.clickFunc;
        //btns[i].onclick=function(){alert(i)};
    }
}
function alertFunc(i){
    this.clickFunc=function(){alert(i)};
    
}
</script>

success~

JavaScript利用闭包解决循环绑定事件

标签:style   blog   color   io   ar   java   for   sp   div   

原文地址:http://www.cnblogs.com/jellybaobao/p/4020956.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!