先上结论
-
currentTarget
, 事件对象e.currentTarget
恒等于this
-
target
, 事件对象e.target
是冒泡的起点 , 捕获的终点
代码验证
<div id="one">
<div id="three"></div>
</div>
<script>
window.onload = function() {
var one = document.getElementById('one');
var three = document.getElementById('three');
one.addEventListener('click', function(e) {
console.log('target : ' + e.target.getAttribute('id'));
console.log('currentTarget: ' + e.currentTarget.getAttribute('id'));
}, false) // 可以调试设置成 true
}
</script>