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上的情況如下:
target的結果是:<li class="item5">
currentTarget的結果是:<ul id="ulT">