一句話區分currentTarget和target

currentTarget：事件處理程序註冊的元素， target：事件的實際目標元素

下面是2個不一樣的場景例子：

場景1：事件處理程序註冊的元素 === 事件的實際目標元素

<div id="div">
	<button id='ele'>按鈕</button>
</div>

var ele = document.getElementById('ele');
ele.onclick = function(e){
	console.log(e.target == this);  //true
	console.log(e.currentTarget == this);  //true
}
複製代碼

在事件處理程序內部，對象this始終等於currentTarget ，而target則只包含事件的實際目標。

事件處理程序註冊的元素和事件的實際目標元素都是button，因此e.currentTarget == e.target == this

場景2：事件處理程序註冊的元素 != 事件的實際目標元素

<div id="div">
	<button id='ele'>按鈕</button>
</div>


var ele = document.getElementById('ele');
var div = document.getElementById('div');

//當點擊頁面的按鈕時
div.onclick = function(e){
	console.log(e.currentTarget == this);  //true
	console.log(this == div);  //true
	console.log(e.target == ele);  //true
}
複製代碼

當點擊頁面的按鈕時，this 和currentTarget 都等於div，由於事件處理程序是註冊在這個元素上的；而target 等於ele，由於ele纔是click事件的真正目標。

因爲按鈕上並無註冊事件處理程序，結果click事件冒泡到了div上，在那裏事件才獲得處理。

---

注意：使用attachEvent和detachEvent註冊事件時，事件處理程序會在全局做用域中運行，此時this == window