亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

請問為什么不能這樣寫? 這個this代表的不是鼠標點擊的這個Li 標簽嗎?


window.onload=function (){

? ? //切換面板事件

? ? var oShow=document.getElementById('loginStateShow');

? ? var oTxt=document.getElementById('login2qq_state_txt');

? ? var oUl=document.getElementById('loginStatePanel');

? ? var oLis=document.getElementsByTagName('li');

? ? var oState=document.getElementById('loginState');

? ? oState.onclick=function() {

? ? ? ? oUl.style.display='block';

? ? }

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

? ? ? ? oLis[i].onmouseover=function(){

? ? ? ? ? ? this.style.background='#567';

? ? ? ? }

? ? ? ? oLis[i].onmouseout=function(){

? ? ? ? ? ? this.style.background='#FFF';

? ? ? ? }

? ? ? ? oLis[i].onclick=function(){

? ? ? ? ? ? oUl.style.display='none';

? ? ? ? ? ? oTxt.innerHTML=oLis[i].childNodes[1].innerHTML;

? ? ? ? ? ? var id=oLis[i].id;

? ? ? ? ? ? oShow.className='';

? ? ? ? ? ? oShow.className="login2qq_state_txt"+id;

? ? ? ? }

? ? }

? ??

? ??


}


正在回答

1 回答

- -這么寫有報錯嗎,this還能規避閉包的問題,就是如果要給所有<li>綁事件,不如事件委托綁<ul>上去。

1 回復 有任何疑惑可以回復我~
#1

frontendsophie

不過在給<ul>綁定變背景色的時候,就不能用this了,因為那時this會指向整個<ul>,就必須用event.target來給單個<li>來變色了,這就是區別吧。event.target永遠是直接接受事件的目標DOM元素。
2017-03-05 回復 有任何疑惑可以回復我~
#2

Coffeeed 提問者

謝謝你呀 雖然我沒太懂 還是謝謝了。
2017-03-06 回復 有任何疑惑可以回復我~
#3

frontendsophie 回復 Coffeeed 提問者

oLis[i].onmouseout=function(){this.style.background='#FFF';} 這種函數調用是方法式調用,這時this會指向當前調用方法的對象,也就是oLis[i],也就是當前鼠標指向的<li>,而event.target指向的永遠是直接接受事件的目標DOM元素,所以event.target也指向鼠標指向的<li>,此時this與event.target等價。
2017-03-06 回復 有任何疑惑可以回復我~
#4

frontendsophie 回復 Coffeeed 提問者

同理如果我用事件委托給oUl綁這個事件,就是oUl.onmouseout=function(){this.style.background='#fff';},那么這個時候this就會指向oUl。那如果指向oUl,一碰到<ul>這個大塊,整個<ul>的背景就會變色,就達不到我要給每個Li單獨變色的目的。而如果使用event.target,它還是指向直接接受事件的目標DOM元素,也就是指向當前鼠標指向的<li>,所以此時就必須寫成oUl.onmouseout=function(event){event.target.style.background='#fff';}。
2017-03-06 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

請問為什么不能這樣寫? 這個this代表的不是鼠標點擊的這個Li 標簽嗎?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號