最近没事在看H5的一些内容,写着玩玩。今天写H5玩的时候发现了一个很奇怪的问题:
这段代码满足不了要求:鼠标移到表行时背景色变色。
看了好大一会儿才发现了问题所在:
trEles[i].onmouseover = function() 绑定事件这一步没问题,问题出在方法内部:trEles[i].style.backgroundColor = "red";
这个事件是个触发事件,只有当鼠标悬停时才去触发,当触发这个事件时,走到方法内部,trEles[i]这个时候i是什么并不知道因为方法内部并没有去定义他,所以网上寻找到for循环里,有i,但这个时候for循环早完了,i这个时候值为3,执行的话是trEles[3].style.backgroundColor = "red";根本不存在trEles[3]所以就实现这个需求。
知道了这一点,就不能让其受变量i的影响,我们可以直接传递这个对象解决这个问题:
![$3SOEGZ_{MJ@6BDS8G1$R7.png
然后我在网上搜了搜,这部分好像就是javascript闭包的内容了,很棒,有时间多看看,对方法的执行加深认识。