資訊專欄INFORMATION COLUMN
摘要：有的時(shí)候注冊(cè)事件的監(jiān)聽者并不是事件的觸發(fā)者，實(shí)際事件的觸發(fā)者是，事件目標(biāo)是一個(gè)由可以接收事件的對(duì)象實(shí)現(xiàn)的接口，并且可以為它們創(chuàng)建偵聽器。中刪除事件偵聽器。將事件分派到此。事件本身包含所有事件通用的屬性和方法。
dom event簡(jiǎn)介
Event接口表示在DOM中發(fā)生的任何事件; 一些是用戶生成的（例如鼠標(biāo)或鍵盤事件），而其他由API生成(例如指示動(dòng)畫已經(jīng)完成運(yùn)行的事件，視頻已被暫停等等)。事件添加有以下幾個(gè)方法：
EventTarget.addEventListener
注意: Internet Explorer 6-8 并不支持這個(gè)方法，而是提供了類似的 element.attachEvent API 。如果要進(jìn)行跨瀏覽器使用，請(qǐng)考慮使用有效的JavaScript 庫(kù)。
html的屬性添加
myButton.onclick = function(event){alert("Hello world");};
事件添加目標(biāo)就是EventTarget,也是注冊(cè)事件的監(jiān)聽者。有的時(shí)候注冊(cè)事件的監(jiān)聽者并不是事件的觸發(fā)者，實(shí)際事件的觸發(fā)者是event.target，
EventTarget事件目標(biāo)EventTarget 是一個(gè)由可以接收事件的對(duì)象實(shí)現(xiàn)的接口，并且可以為它們創(chuàng)建偵聽器。
Element，document 和 window 是最常見的事件目標(biāo)，但是其他對(duì)象也可以是事件目標(biāo)，比如XMLHttpRequest，AudioNode，AudioContext 等等。EventTarget實(shí)例主要需要實(shí)現(xiàn)下面三個(gè)方法：
EventTarget.addEventListener()
在EventTarget上注冊(cè)特定事件類型的事件處理程序。
EventTarget.removeEventListener()
EventTarget中刪除事件偵聽器。
EventTarget.dispatchEvent()
將事件分派到此EventTarget。
不少情況下，EventTarget就是注冊(cè)的事件的監(jiān)聽者；
event實(shí)例有許多類型的事件，其中一些使用基于主要事件接口的其他接口。事件本身包含所有事件通用的屬性和方法。在添加注冊(cè)事件的時(shí)候，事件響應(yīng)一般是一個(gè)函數(shù)，而函數(shù)的第一個(gè)參數(shù)就是event，一個(gè)真實(shí)的事件對(duì)象的打印如下：
altKey:false
bubbles:true
button:0
buttons:0
cancelBubble:false
cancelable:true
clientX:30
clientY:62
composed:true
ctrlKey:false
currentTarget:button#myBtn
defaultPrevented:false
detail:1
eventPhase:0
fromElement:null
isTrusted:true
layerX:30
layerY:62
metaKey:false
movementX:0
movementY:0
offsetX:20
offsetY:6
pageX:30
pageY:62
path:(5) [button#myBtn, body, html, document, Window]
relatedTarget:null
returnValue:true
screenX:2377
screenY:320
shiftKey:false
sourceCapabilities:InputDeviceCapabilities {firesTouchEvents: false}
srcElement:button#myBtn
target:button#myBtn
timeStamp:658.445
toElement:button#myBtn
type:"click"
view:Window {frames: Window, postMessage: ?, blur: ?, focus: ?, close: ?, …}
which:1
x:30
y:62
__proto__:MouseEvent
通過(guò)查看w3c給出的event flow【https://www.w3.org/TR/DOM-Lev...】可以發(fā)現(xiàn)，由于事件捕獲和事件冒泡的存在，很多時(shí)候注冊(cè)的事件監(jiān)聽者【event.currentTarget】并不是事件的觸發(fā)者【event.target】，大部分時(shí)候事件可能是由子元素觸發(fā)的，但是在捕獲、冒泡的過(guò)程中被父級(jí)元素的事件監(jiān)聽器獲取到了，注冊(cè)監(jiān)聽事件的父級(jí)元素就是這種情況下event.currentTarget，而事件觸發(fā)者也就是子元素就是event.target；
文字說(shuō)來(lái)總是同步；可以看實(shí)例：
菜鳥教程(runoob.com) 該實(shí)例使用 addEventListener() 方法在按鈕中添加點(diǎn)擊事件。