事件流
定義：麵中接收事件的順序
事件冒泡：從最具體的元素開始，逐級到最不具體節點
事件捕獲：
從最不具體的節點開始，逐級到最具體元素
事件處理程式
html
在html標籤中通過屬性寫事件
1<buttononclick="alert('hello');">按鈕一
dom 0級
把乙個函式賦值給乙個事件的處理程式屬性
12
345varbtn = document.getelementbyid('btn');
btn.onclick =function() ;
btn.onclick =null;//刪除事件
dom 2級
用於處理新增和刪除事件處理程式
12
3456
varbtn = document.getelementbyid('btn');
varshowhello =function() ;
btn.addeventlistener('click', showhello,false);
btn.removeeventlistener('click', showhello,false);
相容處理12
3456
78910
1112
1314
1516
1718
19vareventutil =elseif(element.attachevent)else
},
removeevent:function(element, type, fn)elseif(element.detachevent)else
},
事件物件
是什麼
在觸發dom上事件時會產生乙個物件
事件物件event
dom中的事件物件
type屬性
target屬性
stoppropagation() 方法
preventdefault()方法
ie中的事件物件
type屬性
srcelement屬性
cancelbubble屬性
returnvalue屬性
相容類
12
3456
78910
1112
1314
1516
1718
1920
2122
2324
2526
2728
2930
3132
3334
3536
3738
3940
4142
43vareventutil =elseif(element.attachevent)else
},
removeevent:function(element, type, fn)elseif(element.detachevent)else
},
getevent :function(event) ,
gettype :function(event) ,
getelement :function(event) ,
preventdefault :function(event)else
},
stoppropagation :function(event)else
}
};
DOM 事件（鍵盤事件）
onkeydown 事件會在使用者按下乙個鍵盤按鍵時發生。onkeydown onkeypress onkeyup onkeydown事件在很多小遊戲上應用較多，比如需要控制上下左右的很多遊戲，如2048，貪吃蛇，俄羅斯方塊等等。keydown function bind this 然後就可以通過鍵...
Dom事件鍵盤事件
dom0級事件元素繫結多個 click 最後只執行最後乙個 click dom2級事件元素繫結多個 click 都要執行 注意當繫結的多個事件名，函式名，事件發生階段三者完全一樣時，才執行最後乙個 div.addeventlistener click fn1,false div.addeventli...
Dom事件鍵盤事件
dom0級事件元素繫結多個 click 最後只執行最後乙個 click dom2級事件元素繫結多個 click 都要執行 注意當繫結的多個事件名，函式名，事件發生階段三者完全一樣時，才執行最後乙個 div.addeventlistener click fn1,false div.addeventli...