課程
/前端開發
/jQuery
/jQuery基礎(三)—事件篇
為什么要用e.target,value,而不用$(this)
2016-08-30
源自:jQuery基礎(三)—事件篇 3-2
正在回答
樓主很細心嘛,學習了。去查了一下資料,currentTarget、target和this
currentTarget ? ?返回其事件監聽器觸發該事件的元素。
target ? ?返回觸發此事件的元素(事件的目標節點)。
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是不受冒泡事件影響的,它是靜態的;而this則受冒泡影響,是動態的,可以事件委托.
我改成$(this).val()也可以執行啊
唯爾半截湘妃 提問者
this冒泡,e.target.value不冒泡
e.target 是觸發,也就是你點擊的元素 比如某個div
this是當前的元素,可能受冒泡的影響?比如body
this是當前的元素比如body,可能受冒泡的影響
舉報
jQuery第三階段開啟事件修煉,掌握對頁面進行交互的操作
4 回答這個看不懂
1 回答這個真不懂,請懂得解答下
2 回答不懂那個update是什么東西
1 回答這節不太懂
2 回答這個10,是十進制還是啥?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-05
樓主很細心嘛,學習了。去查了一下資料,currentTarget、target和this
currentTarget ? ?返回其事件監聽器觸發該事件的元素。
target ? ?返回觸發此事件的元素(事件的目標節點)。
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是不受冒泡事件影響的,它是靜態的;而this則受冒泡影響,是動態的,可以事件委托.
2016-08-31
我改成$(this).val()也可以執行啊
2016-08-30
this冒泡,e.target.value不冒泡
2016-08-30
e.target 是觸發,也就是你點擊的元素 比如某個div
this是當前的元素,可能受冒泡的影響?比如body
2016-08-30
e.target 是觸發,也就是你點擊的元素 比如某個div
this是當前的元素比如body,可能受冒泡的影響