課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(三)—事件篇
為什么要用e.target,value,而不用$(this)
2016-08-30
源自:jQuery基礎(chǔ)(三)—事件篇 3-2
正在回答
樓主很細(xì)心嘛,學(xué)習(xí)了。去查了一下資料,currentTarget、target和this
currentTarget ? ?返回其事件監(jiān)聽器觸發(fā)該事件的元素。
target ? ?返回觸發(fā)此事件的元素(事件的目標(biāo)節(jié)點(diǎn))。
this 我覺得this==currentTarget。
下面是我的demo
<!DOCTYPE html><html><head>??? <meta charset="UTF-8">??? <title>Document</title>??? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script></head><body>??? <div id="div1" style="width:200px;height:200px;border:1px solid red;">??????? <input type="button" id="btn" style="width: 100px;height:30px;border:1px solid blue;">??? </div>??? <script>??????? $("#btn").click(function(ev){??????????? console.log("currentTarget"+"-----"+ev.currentTarget);??????????? console.log("target"+"---------"+ev.target);??????????? console.log("this"+"-----"+this);??????????? console.log("------------------------------");??????? })??????? $("#div1").click(function(ev){??????????? console.log("currentTarget"+"-----"+ev.currentTarget);??????????? console.log("target"+"---------"+ev.target);??????????? console.log("this"+"-----"+this);??????? })??? </script></body></html>
最主要的就是e.target是不受冒泡事件影響的,它是靜態(tài)的;而this則受冒泡影響,是動(dòng)態(tài)的,可以事件委托.
我改成$(this).val()也可以執(zhí)行啊
唯爾半截湘妃 提問者
this冒泡,e.target.value不冒泡
e.target 是觸發(fā),也就是你點(diǎn)擊的元素 比如某個(gè)div
this是當(dāng)前的元素,可能受冒泡的影響?比如body
this是當(dāng)前的元素比如body,可能受冒泡的影響
舉報(bào)
jQuery第三階段開啟事件修煉,掌握對(duì)頁面進(jìn)行交互的操作
4 回答這個(gè)看不懂
1 回答這個(gè)真不懂,請(qǐng)懂得解答下
2 回答不懂那個(gè)update是什么東西
1 回答這節(jié)不太懂
2 回答這個(gè)10,是十進(jìn)制還是啥?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-09-05
樓主很細(xì)心嘛,學(xué)習(xí)了。去查了一下資料,currentTarget、target和this
currentTarget ? ?返回其事件監(jiān)聽器觸發(fā)該事件的元素。
target ? ?返回觸發(fā)此事件的元素(事件的目標(biāo)節(jié)點(diǎn))。
this 我覺得this==currentTarget。
下面是我的demo
<!DOCTYPE html>
<html>
<head>
??? <meta charset="UTF-8">
??? <title>Document</title>
??? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
??? <div id="div1" style="width:200px;height:200px;border:1px solid red;">
??????? <input type="button" id="btn" style="width: 100px;height:30px;border:1px solid blue;">
??? </div>
??? <script>
??????? $("#btn").click(function(ev){
??????????? console.log("currentTarget"+"-----"+ev.currentTarget);
??????????? console.log("target"+"---------"+ev.target);
??????????? console.log("this"+"-----"+this);
??????????? console.log("------------------------------");
??????? })
??????? $("#div1").click(function(ev){
??????????? console.log("currentTarget"+"-----"+ev.currentTarget);
??????????? console.log("target"+"---------"+ev.target);
??????????? console.log("this"+"-----"+this);
??????? })
??? </script>
</body>
</html>
2017-12-04
最主要的就是e.target是不受冒泡事件影響的,它是靜態(tài)的;而this則受冒泡影響,是動(dòng)態(tài)的,可以事件委托.
2016-08-31
我改成$(this).val()也可以執(zhí)行啊
2016-08-30
this冒泡,e.target.value不冒泡
2016-08-30
e.target 是觸發(fā),也就是你點(diǎn)擊的元素 比如某個(gè)div
this是當(dāng)前的元素,可能受冒泡的影響?比如body
2016-08-30
e.target 是觸發(fā),也就是你點(diǎn)擊的元素 比如某個(gè)div
this是當(dāng)前的元素比如body,可能受冒泡的影響