js中DOM事件綁定使用小技巧

//基本廢除不用
<input type="button" value="按鈕" onclick="alert('Lee');" />
<input type="button" value="按鈕" onclick="box();" />

//基本不用
var input = document.getElementsByTagName('input')[0]; //得到 input 對象
 input.onclick = function () { //匿名函數(shù)執(zhí)行
 alert('Lee');
};
事件處理函數(shù) 影響的元素 何時發(fā)生
onabort 圖像 當(dāng)圖像加載被中斷時
onblur 窗口、框架、所有表單對象 當(dāng)焦點從對象上移開時
onchange 輸入框，選擇框和文本區(qū)域 當(dāng)改變一個元素的值且失去焦點時
onclick 鏈接、按鈕、表單對象、圖像映射區(qū)域 當(dāng)用戶單擊對象時
ondblclick 鏈接、按鈕、表單對象 當(dāng)用戶雙擊對象時
ondragdrop 窗口 當(dāng)用戶將一個對象拖放到瀏覽器窗口時
onError 腳本 當(dāng)腳本中發(fā)生語法錯誤時
onfocus 窗口、框架、所有表單對象 當(dāng)單擊鼠標(biāo)或者將鼠標(biāo)移動聚焦到窗口或框架時
onkeydown 文檔、圖像、鏈接、表單 當(dāng)按鍵被按下時
onkeypress 文檔、圖像、鏈接、表單 當(dāng)按鍵被按下然后松開時
onkeyup 文檔、圖像、鏈接、表單 當(dāng)按鍵被松開時
onload 主題、框架集、圖像 文檔或圖像加載后
onunload 主體、框架集 文檔或框架集卸載后
onmouseout 鏈接 當(dāng)圖標(biāo)移除鏈接時
onmouseover 鏈接 當(dāng)鼠標(biāo)移到鏈接時
onmove 窗口 當(dāng)瀏覽器窗口移動時
onreset 表單復(fù)位按鈕 單擊表單的 reset 按鈕
onresize 窗口 當(dāng)選擇一個表單對象時
onselect 表單元素 當(dāng)選擇一個表單對象時
onsubmit 表單 當(dāng)發(fā)送表格到服務(wù)器時

window.addEventListener('load', function () {
 alert('Lee');
}, false);
window.removeEventListener('load', function () {
 alert('Mr.Lee');
}, false)

1. IE 不支持捕獲，只支持冒泡；
2. IE 添加事件不能屏蔽重復(fù)的函數(shù)；
3. IE 中的 this 指向的是 window 而不是 DOM 對象。
4. 在傳統(tǒng)事件上，IE 是無法接受到 event 對象的，但使用了 attchEvent()卻可以，但有些區(qū)別。
"javascript
window.attachEvent('load', function () {
 alert('Lee');
}, false);
window.detachEvent('load', function () {
 alert('Mr.Lee');
}, false)
"