target在事件流的目标階段;currentTarget在事件流的捕獲,目标及冒泡階段。隻有當事件流處在目标階段的時候,兩個的指向才是一樣的, 而當處于捕獲和冒泡階段的時候,target指向被單擊的對象而currentTarget指向目前事件活動的對象(注冊該事件的對象)(一般為父級)。this指向永遠和currentTarget指向一緻(隻考慮this的普通函數調用)。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css" rel="stylesheet">
#fa{
width: %;
height: px;
padding: px px;
background-color: cadetblue;
}
#son{
width: %;
height: px;
padding: px px;
background-color: black;
color: white;
text-align: center;
cursor: pointer;
}
</style>
</head>
<body>
<div id="fa" onmousedown="getEventTrigger(event)">
<p id="son" onmousedown="getEventTrigger(event)">點我試試</p>
</div>
</body>
<script type="text/javascript">
var fa = document.getElementById('fa');
var son = document.getElementById('son');
function getEventTrigger(event)
{
x=event.currentTarget;
y=event.target;
alert("currentTarget 指向: " + x.id + ", target指向:" + y.id);
}
</script>
</html>
資料來源:
http://blog.csdn.net/wkyseo/article/details/51863483
http://blog.csdn.net/magic__man/article/details/51781425