v849110018 2017-04-01 16:45 采纳率: 50%
浏览 1112
已采纳

js中,动态绑定事件的问题

想给一组li的鼠标事件绑定不同的参数的同名函数

var liObj = window.document.getElementsByTagName("li");
for (var  i = 0; i < liObj.length; i++) {
    var element = liObj[i];
    element.onmouseover = function () {
        stopScroll(i);
    }
    element.onmouseout = goonScroll;
}


stopScroll(i);
是自己定义的一个函数,
现在问题是,按照我的理解,循环绑定的结果是
第一个li标签的onmouseover绑定了stopScroll(0);
第二个li标签的onmouseover绑定了stopScroll(1);

然而结果下来 每个li的onmouseover都绑定了stopScroll(6);
这是怎么回事?(liObj的长度是6,可是我想不通这里是怎么回事啊)

  • 写回答

3条回答 默认 最新

  • Go 旅城通票 2017-04-02 06:26
    关注

    闭包或者自定属性
    闭包

         element.onmouseover = (function (i) {
            return function(){stopScroll(i);}
        })(i)
    

    自定义属性

         element.i=i
        element.onmouseover = function () {
            stopScroll(this.i);
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥20 基于MSP430f5529的MPU6050驱动,求出欧拉角
  • ¥20 Java-Oj-桌布的计算
  • ¥15 powerbuilder中的datawindow数据整合到新的DataWindow
  • ¥20 有人知道这种图怎么画吗?
  • ¥15 pyqt6如何引用qrc文件加载里面的的资源
  • ¥15 安卓JNI项目使用lua上的问题
  • ¥20 RL+GNN解决人员排班问题时梯度消失
  • ¥60 要数控稳压电源测试数据
  • ¥15 能帮我写下这个编程吗
  • ¥15 ikuai客户端l2tp协议链接报终止15信号和无法将p.p.p6转换为我的l2tp线路