js中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>

如果点击li，console上的情况如下：

<li class="item5">------target

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