Question

下面代码，js中为什么发生一个鼠标事件onmousedown后它能确定是第几个循环做的

for(var i=0;i<divs.length;i++)
{
divs[i].onmousedown=function(e){
var event=window.event || e;//window.event支持IE；参数e支持非IE
var mouseX=event.clientX;//鼠标坐标x
var mouseY=event.clientY;//鼠标坐标y
var divX=parseInt(this.style.left);//层的x坐标
var divY=parseInt(this.style.top);//层的y坐标
xx=mouseX-divX;
yy=mouseY-divY;
obj=this;
dodo=1;
this.style.zIndex='10';
}
divs[i].onmouseup=function(){
dodo=0;
this.style.zIndex='5';
}
}
html中只有三个div是绝对定位，我输出了一下onmousedown的i，每次都是3那为什么把鼠标放在相应的div还执行相应的代码？

Answer 1

那是因为当你执行完事件绑定的for循环之后, i == 3 了, 而你的事件处理都没有用到i, 所以事件正常运行.但是当你输出i的时候就只能得到for循环完成之后 i 的值.
这个可以用闭包的方式解决

for(var i = 0; i < divs.length; i++)
{
(function(i){
// 再把你的事件绑定放这里面来

})(i);

}

Answer 2

请确定i的作用域，js的作用域以function划分，如果以上代码不在function内，则i是全局变量，执行完以上代码后i的值就变为3了