event.target是什么
分类:前端面试题
用最简单的话说,就是event.target是事件发生所在的元素或触发事件的元素。
例如我们有下面的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.target);
}
如果你点击Button,它会记录 Button 标记,即使我们将事件附加到最外层的div,它会一直记录按钮,所以我们可以总结event.target是触发事件的元素。
该系列为面试题系列,俺的答案可能也存在瑕疵或不正确的地方,欢迎大家踊跃讨论。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu