event.target和event.currentTarget区别

最新推荐文章于 2024-10-30 19:10:39 发布

Triumov

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量127

点赞数

分类专栏：自学笔记文章标签： javascript html5 html

本文链接：https://blog.csdn.net/Triumov/article/details/120163551

版权

自学笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

event.target是指触发事件的元素

event.currentTarget是指绑定事件的元素

如下点击 ‘芜湖’ 时 event.target和event.currentTarget都指ul

点击 ‘起飞’ 时 event.target和event.currentTarget分别指li和ul

 <ul  id="ul">
        芜湖
        <li>
            起飞 <br>
            啦
        </li>
    </ul>
    <script>
        const ul = document.getElementById("ul");
        ul.onclick = (event) => {
            
            console.log(event.currentTarget);
            console.log(event.target);
            event.preventDefault();
        }
    </script>