JS中批量给元素绑定事件过程中的相关问题使用闭包解决

在JS中,你写多少个for循环的时候,内部的循环变量I其实是会保留在它运转的函数或类内的,所以你会意识你给成分批量绑定事件的时候,出现i=最终二个循环变量的值,那就很坑爹啊,化解的方案有2钟,
思路就是:把这么些循环变量保存起来,不要让它的成效域在全体函数,而是在循环体内

1.使用闭包(假设你不懂闭包,请展开百度:www.baidu.com)
2.施用with关键字,with语法是with( obj ) {
//使得可以在此直接访谈obj的习性,而不用加obj.XXX }
代码示例:

复制代码 代码如下:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”” >
<head>
<title>Untitled Page</title>
<script type=”text/javascript” src=”jquery-1.7.2.js”
></script>
<script type=”text/javascript” language=”javascript”>
$(document).ready(function (){
function Ev(i){
this.index = i;
this.click = function (){
alert(this.index );
}
}
for(var k=1; k<4; k++){
//闭包函数1
// (function(x){
// $(“#div” + x).click(function(){
// f(x);
// });
// }(k));
//使用with关键字
with ({i: k}){
$(“#div” + i).click(function(){
f(i);
});
}
}
var f = function (m){
alert(m);
}
});
</script>
</head>
<body>
<div id=”div1″>1
</div>
<div id=”div2″>2
</div>
<div id=”div3″>3
</div>
</body>
</html>

您也许感兴趣的篇章:

  • javascript中的绑定与解绑函数应用示范
  • JS中动态拉长事件(绑定事件)的代码
  • js移除事件
    js绑定事件实例应用
  • js和jquery批量绑定事件传参数一(新猪猪原创)
  • js增多绑定事件的章程
  • JavaScript中央银行使jQuery绑定事件的三种艺术小结
  • js绑定事件this指向爆发更动的标题一蹴而就办法
  • js绑定事件和平解决绑事件