js的三大事件

三大事件（鼠標事件、鍵盤事件、html事件）

1、鼠標事件

• click：單擊
• dblclick：雙擊
• mousemove：鼠標移動
• mousedown：鼠標按下
• mouseup：鼠標擡起
• mouseover：鼠標懸浮
• mouseout：鼠標離開
• mouseenter：鼠標進入
• mouseleave：鼠標離開

2、鍵盤事件

• keydown：按鍵按下
• keyup：按鍵擡起
• keypress：按鍵按下擡起

3、HTML事件

• load：文檔加載完成
• select：被選中的時候
• change：內容被改變
• focus：得到光標
• blur:失去光標
• resize：窗口尺寸變化
• scroll：滾動條移動

事件的移除

事件的註冊方式對應其移除方式
1、 el.onclick = null

var el = document.getElementById("btn");
//事件註冊
 el.onclick = function(event){  
     alert(id); 
     el.onclick = null;   //事件刪除
 }

2、el.removeEventListener(type,fn,false); //這裏 fn 必須是原有綁定的函數，否側解除無效

var div = document.getElemetById('id');
div.addEventListener('click',test,false);
function test(){
　console.log('remove click')；
}
div.removeEventListener('click',test,false);