js中event的target和currentTarget的區別

本質區別是:
target:返回觸發事件的元素。
currentTarget:返回事件綁定的元素。
關鍵點:
兩者在沒有冒泡的情況下,但在用了事件委託的情況下,就不一樣了,例如:

<ul id="ulT">
<li class="item1">item1</li>
<li class="item2">item2</li>
<li class="item3">item3</li>
<li class="item4">item4</li>
<li class="item5">item5</li>
</ul>
<script type="text/javascript">
	document.getElementById("ulT").onclick = function (event) {
		console.log(event.target);
		console.log(event.currentTarget);
	}
</script>

如果點擊li,打印出如下:

target的結果是:<li class="item5">
currentTarget的結果是:<ul id="ulT">
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章