參考文章:https://www.cnblogs.com/wkylin/archive/2011/08/25/2153538.html
currentTarget在事件流的捕獲、目標及冒泡階段。
target在事件流的目標階段。
只有當事件流處於目標階段的時候,兩個指向才是一樣的。
當事件流處於捕獲和冒泡階段的時候,target指向被單擊的對象,而currentTarget指向當前事件活動的對象(一般指父級)
例子:
代碼部分:
<html>
<head>
<script type="text/javascript">
function getEventTrigger(event){
x=event.target;
//x = event.currentTarget;
alert("The id of the triggered element: "+ x.id);
}
</script>
</head>
<body >
<div id="outer" style="background:#099" onmousedown="getEventTrigger(event)">
click outer
<p id="inner" style="background:#9C0" onmousedown="getEventTrigger(event)">
click inner
</p>
<br>
</div>
</body>
</html>
點擊outer后顯示:

點擊inner后顯示:


兩個框內容均為inner
如果將代碼中的
x=event.target;
//x = event.currentTarget;換為:
//x=event.target;
x = event.currentTarget;
那么點擊outer時會顯示:

點擊inner時會顯示:


