关于this的问题-慕课网

关于this的问题

来源：4-3 [DOM事件] QQ面板状态切换效果

retisan

2017-02-10 17:15

for(var i=0,l=lis.length;i<l;i++){
lis[i].onmouseover=function(){
this.style.background='#567';
}
lis[i].onmouseout=function(){
this.style.background='#FFF';
}

}

此处的for循环我理解的是首先将lis遍历，然后将鼠标经过、移开的lis改变背景色，但此处为什么this就能代表鼠标经过、移开的lis？

写回答关注

1回答

ShininG詩永

2017-02-10 21:19:53

this指的是当前调用函数的对象。for循环为每个lis[]添加Mouse事件。
当i=0时，代码为：lis[0].onmouseover=function{this.style.background='#567';}此时lis[0]就被添加了事件，这个时候的this代表lis[0]。
当下一次循环到;lis[1]时，this又是另一个lis[1]了。
你可以理解为第一个是this0，第二个为this1，之后this2···都是用this，但其实每个this指向的都不同。
另外，如果this换成lis[i]，i是一个变量，会导致最后所有的事件都变成最后一个i（假如是5），所有事件都是lis[5].style.background了。

0 0

DOM事件探秘

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

99545 学习 · 1197 问题

查看课程

相似问题

关于this的用法

回答 4

关于this关键字

回答 2

关于e的问题

回答 2

关于margin的问题

回答 1

关于对象的问题

回答 2

打开慕课网App查看更多内容