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

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

this和e.target的區別

<div?class="left">
????????<div?class="aaron">
????????????<ul>
????????????????<li>點擊:觸發一</li>
????????????????<li>點擊:觸發二</li>
????????????????<li>點擊:觸發三</li>
????????????????<li>點擊:觸發四</li>
????????????</ul>
????????</div>
????</div>
$("ul").on('click',function(e){
????//這里this是指ul
????$(this).css('border','1px?solid?blue')
})
$(e.target).css('border','1px?solid?red')//把上面的this改成e.target

效果是點擊觸發一,則會出現一個紅色邊框把<li>觸發一</li>包裹起來。

所以e.target一般表示當前元素的子元素。理解沒錯吧。有問題請糾正

正在回答

3 回答

this 是會改變的,而e.target是確定的,是唯一不變的。

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

咖啡學者 提問者

非常感謝!
2017-03-22 回復 有任何疑惑可以回復我~
#2

洋蔥_dot

我理解的是:this指的就是$("ul")中的ul,而e(event)指的是觸發事件的元素li
2017-04-27 回復 有任何疑惑可以回復我~

在這里this指的是e.currentTarget 吧,e.currentTarget指的是綁定事件處理函數的當前元素,e.target 是觸發事件的開始元素

ul綁定了事件處理函數,在函數里獲取到的e.currentTarget對象就是ul元素,

點擊時,實際點擊到了li元素,然后冒泡到了ul元素,觸發ul的事件處理函數執行,事件對象最開始是從li元素向上冒泡到ul的,說明實際的源頭即任務源頭就是li元素

e.target觸發事件的源元素,e.currentTarget綁定事件處理函數的當前元素

僅個人看法

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

this應該是 指代的是$('ul')中的ul

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

舉報

0/150
提交
取消

this和e.target的區別

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

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

幫助反饋 APP下載

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

公眾號

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