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