                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

请问以下代码中，为什么我把循环当中的this改为as[i]就没有效果了啊，按理说应该是一样的道理啊

// 滑过滑过、离开、点击每个选项时

// 执行脚本

for(var i=0;i<as.length;i++){

as[i].onmouseover=function(){

this.style.background='#456';

}

as[i].onmouseout=function(){

this.style.background='#fff';

}

糖果罐

2015-12-27

源自：DOM事件探秘 5-1

关注问题我要回答

726

操作

收起

3 回答

李晓健回答被采纳 +3 积分
2015-12-27

你把代码改成这样

as[i].onmouseover=function(){
    this.style.background='#456';
    alert(i);
}

看看弹出的i是不是循环里一直增长的值就知道为什么了，如果非要用as[i],可以试下这么写

(function(i){
    as[i].onmouseover=function(){
        as[i].style.background='#456';
    }
}(i));

0 回复有任何疑惑可以回复我~

收起回答

糖果罐提问者

为什么弹出的i是啊5啊

2015-12-27 回复有任何疑惑可以回复我~

糖果罐提问者

也不明白下面那种写法是什么写法啊

2015-12-27 回复有任何疑惑可以回复我~

李晓健回复糖果罐提问者

就是闭包，你可以找一下相关资料了解了一下

2015-12-27 回复有任何疑惑可以回复我~

查看3条回复

q有天堂
2015-12-29

是这样的，你只是使用循环对a这个序列添加事件，所以当你点击的时候a的任意一个元素的时候，每个元素的事件早就添加完了。也就是说这时候的事件处理函数中的i等于序列的长度-1，而不会等于你点击那个元素在序列中的索引号。

0 回复有任何疑惑可以回复我~

收起回答

狂飙的蜗牛_1
2015-12-27

你百度下“闭包问题”就明白了

0 回复有任何疑惑可以回复我~

收起回答

糖果罐提问者

好，我去查查

2015-12-27 回复有任何疑惑可以回复我~

0/150

提交

取消

DOM事件探秘

参与学习 99545 人
解答问题 1197 个

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

进入课程

本课相似问答

4 回答this的问题，为什么用as[i]没效果，但用this没问题？

2 回答为什么将this改成as[i]就不能正常运行，this指代的不就是as[i]吗？？

5 回答为啥用了this就显示了？？！！！this不就是指as[i]么！？

3 回答鼠标划过列表改变背景颜色的方法里有点疑问，为什么要用this，不可以用as[i]，this不就是as[i]吗

3 回答为什么将this改成lis[i]就运行不出呢，this指代的不就是lis[i]吗？

搜索更多本课相关问答

请问以下代码中，为什么我把循环当中的this改为as[i]就没有效果了啊，按理说应该是一样的道理啊

我要回答关注问题

热搜

最近搜索清空

请问以下代码中，为什么我把循环当中的this改为as[i]就没有效果了啊，按理说应该是一样的道理啊

3 回答

本课相似问答

请问以下代码中，为什么我把循环当中的this改为as[i]就没有效果了啊，按理说应该是一样的道理啊