event.target 和 event.currentTarget 的区别 举例说明: <!DOCTYPE html> <html> <head> <title></title> <style> div { margin: 1rem; padding: 1rem; } #a {background-color: #f00;} #b {background-color: #0f0;} #c {background-color: #00…
event.target This property of event objects is the object the event was dispatched on. It is different than event.currentTarget when the event handler is called in bubbling or capturing phase of the event. event.currentTarget Identifies the current t…
e.target与e.currentTarget的区别:https://www.jianshu.com/p/1dd668ccc97a 事件冒泡与事件捕获 :https://www.jianshu.com/p/114954ad8fad 事件委托:https://www.jianshu.com/p/ac47521806d2…
首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素…
<style> * { margin:0; padding:0; list-style:none; } #ul { width:400px; height:250px; margin:0 auto; } </style> </head> <body> <ul id='ul' style='border:1px solid black'>UL <li>LI<a href=''>a</a></li> &…
target:触发事件的元素.currentTarget:事件绑定的元素.两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如: <ul id="ulT"> <li class="item1">fsda</li> <li class="item2">ewre</li> <li class="item3">qewe</li&g…
原文:https://medium.com/@florenceliang/javascript-event-delegation-and-event-target-vs-event-currenttarget-c9680c3a46d1 In this case, at the time you call console.log(e), there's a DOM element in the currentTarget property. But sometime later, that pro…
看了很多资料绝对结果就是 firefox 下的 event.target = IE 下的 event.srcElement jquery中的event.target属性的作用是获取到出发事件的元素.jQuery对其封装后,避免了W3C.IE和safari浏览器不同标准的差异.…
在DOM事件对象中有两个属性总是时不时的困扰我,就是target和currentTarget,有时候很迷惑分不清两者的区别,因此有必要把这两个属性好好梳理一下,加深理解,以便日后的查询. MDN中对target的解释为,一个触发事件的对象的引用, 当事件处理程序在事件的冒泡或捕获阶段被调用时. 而对于currentTarget,它指的是当事件遍历DOM时,标识事件的当前目标.它总是引用事件处理程序附加到的元素,而不是event.target,它标识事件发生的元素. 举个例子来说明. 事件冒泡阶段…
语法: //返回事件的目标节点(触发该事件的节点). event.target //FF,Chrome event.srcElement //IE 栗子: var oDiv=document.getElementById("div1"); oDiv.onclick=function (ev) { var oEvent=ev||event; //oEvent.target ie7以下不兼容 if (oEvent.target) { console.log(oEvent.target.id…