js中event的target和currentTarget的區別


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">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM