js中event的target和currentTarget的区别

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

target：触发事件的元素。

currentTarget：事件绑定的元素。

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

  <ul id="wrap">
                <li class="item1">1</li>
                <li class="item2">2</li>
                <li class="item3">3</li>
                <li class="item4">4</li>
                <li class="item5">5</li>
     </ul>
　　<script type="text/javascript">
        document.getElementById("wrap").onclick = function  (event) {
            console.log(event.target);
            console.log(event.currentTarget);
        }
    </script>
/*如果点击li，console上的情况如下：
<li class="item5">------target

<ul id="ulT">---------currentTarget*/

js中event的target和currentTarget的区别

原文：https://www.cnblogs.com/edutu/p/12080165.html