js中event的target和currentTarget的区别

最新推荐文章于 2025-09-13 09:06:35 发布

转载最新推荐文章于 2025-09-13 09:06:35 发布 · 60 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/laneyfu/p/5047447.html

文章标签：

#javascript #ViewUI

本文介绍了JavaScript中event对象的两个关键属性：target和currentTarget的区别。通过一个具体的例子展示了当使用事件委托时，这两个属性分别指向实际触发事件的元素和绑定事件的元素。

js中的event对象包含很多有用的信息

target：触发事件的元素。

currentTarget：事件绑定的元素。

两者在没有冒泡的情况下，是一样的值，但在用了事件委托的情况下，就不一样了，例如：

<ul id="ulT">
                <li class="item1">fsda</li>
                <li class="item2">ewre</li>
                <li class="item3">qewe</li>
                <li class="item4">xvc</li>
                <li class="item5">134</li>
     </ul>
　　<script type="text/javascript">
        document.getElementById("ulT").onclick = function  (event) {
            console.log(event.target);
            console.log(event.currentTarget);
        }
    </script>