什么是 event.currentTarget？

event.currentTarget是我们在其上显式附加事件处理程序的元素。

假设有如下的 HTML 结构：

<div onclick="clickFunc(event)" style="text-align: center;margin:15px;
border:1px solid red;border-radius:3px;"><div style="margin: 25px; border:1px solid royalblue;border-radius:3px;"><div style="margin:25px;border:1px solid skyblue;border-radius:3px;"><button style="margin:10px">Button</button></div></div></div>

JS 代码如下：

function clickFunc(event) {console.log(event.currentTarget);
}

如果单击 button，即使我们单击该 button，它也会打印最外面的div标签。在此示例中，我们可以得出结论，event.currentTarget是附加事件处理程序的元素。

什么是 event.currentTarget？相关推荐

vue中使用v-on绑定事件中，获取$event.currentTarget，日志打印为null
问题:vue中使用v-on绑定事件中,获取$event.currentTarget,日志打印为null dom结构: <li @click="clickEvent('hello',$e ...
event.target与event.currentTarget的差异
event.target与event.currentTarget的差异(完整版) 1.什么是target?什么是currentTarget? event.target 是发生事件的元素或触发事件的元素 ...
event.target与event.currentTarget的区别
event.target事件和event.currentTarget事件,经常被人们混淆.因为它们两个有时候的返回值是完全一样的,因此很具有迷惑性.然而如果真的是一样的,那当初官方就不会做这样没有意义 ...
IE不兼容event.currentTarget
vue开发时实现点击选中获取DOM效果使用:JSON.parse(event.currentTarget.nextElementSibling.innerText); 但IE不兼容,改换为:JSON. ...
JS event.currentTarget( ) 和 event.target( ) 的区别
这两个方法都是监听事件触发的目标.区别是,event.currentTarget( ) 会返回当前触发事件的元素:而event.target( ) 会返回触发事件触发的源头元素. 用法:可以用来监听触 ...
[vue] 在vue事件中传入$event，使用e.target和e.currentTarget有什么区别？
[vue] 在vue事件中传入$event,使用e.target和e.currentTarget有什么区别? event.currentTarget指向事件所绑定的元素,而event.target始终 ...
js中Event 对象 target 与 currentTarget的应用
http://www.cnblogs.com/meng1314-shuai/p/7455575.html Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠 ...
mass Framework event模块 v4
event.js //========================================== // 事件模块(包括伪事件对象,事件绑定与事件代理) //================= ...
html中事件处理中的this和event对象
在用js编写页面事件处理代码时,会经常涉及到this和event对象,但有时在采用不同的事件处理,尤其是在与自定义的对象关联时,这些对象的指向变的有些复杂. 本文来详细介绍下各种场景下这些对象真正 ...

什么是 event.currentTarget？

什么是 event.currentTarget？相关推荐

最新文章

热门文章