event.currentTarget是什么
分类:前端面试题
event.currentTarget是我们显式附加事件处理程序的元素。
我们可以使用上篇问题( event.target是什么 )中同样的HTML结构。
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);
}
即使我们单击该按钮,它也会打印最外层的div标记。
在这个例子中,我们可以总结出event.currentTarget是当事件沿着 DOM 触发时事件的当前目标 。
参考文档:
https://developer.mozilla.org/zh-CN/docs/Web/API/Event/currentTarget
该系列为面试题系列,俺的答案可能也存在瑕疵或不正确的地方,欢迎大家踊跃讨论。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu