0
点赞
收藏
分享

微信扫一扫

什么是 event.target ?

诗远 2022-03-25 阅读 141


简单来说,​​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​​​,即使我们将事件附加在最外面的​​div​​​上,它也将打印 ​​button​​​ 标签,因此我们可以得出结论​​event.target​​是触发事件的元素。


举报
0 条评论