循环绑定事件

Question

想将用getElementsByTagname获得的元素通过绑定click事件来放到变量selected中,但是提示 error:Don't make functions within a loop
感觉好奇怪.....循环里不能绑定事件吗？

查了一下，这是闭包的问题吗？？

    if (select&&select.length) {
        for(var i=0,len=select.length;i<len;i++){
            select[i].addEventListener("click",function(e){
                selected=select[i];
            });
        }
    }

Answer 1

是闭包的问题，回调函数里不要有循环变量i

Answer 2

 var selected
 for(var i=0,el; el =select[i++];){
      (function(elem){
            elem.addEventListener("click",function(e){
                selected = elem
            });     
      })(el);     
 }

Answer 3

if (select && select.length) {
    for (var i = 0, len = select.length; i < len; i++) {
        select[i].addEventListener("click", function(e) {
            // 最终执行的时候 i 永远都是 len - 1
            // selected = select[i];

            // 这里可以改成 = this，this 就是触发事件那个元素
            selected = this;
            // 也可以改成
            selected = e.target;            
        });
    }
}

Answer 4

用事件委托性能好太多