事件綁定分為兩種:
一種是傳統事件綁定(內聯模型/腳本模型);上一章內容;
一種是現代事件綁定(DOM2級模型);現代事件綁定在傳統事件綁定基礎上提供了更強大的功能;
一 傳統事件綁定的問題
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
|
二 W3C事件處理函數
// "DOM2級事件"定義了兩個方法,用於新增事件和刪除事件的處理程序:addEventListener()和removeEventListener();
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 |
|
三 IE事件處理函數
// IE中實作了兩個與DOM類似的方法:attachEvent()和detachEvent();
// 這兩個方法接收相同的參數:事件名稱和函數;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 |
|
四 事件物件補充
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
|
2.阻止事件的預設行為
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
4.卸載前事件beforeunload
1 2 3 4 5 6 7 |
|
5.滑鼠滾輪(mousewheel)和DOMMouseScroll
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|