什么是 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?
码云笔记 » 什么是 event.currentTarget?