2018.12/6 js鍵盤事件 DOM：0級2級
阿新 • • 發佈：2018-12-06
DOM0級事件元素繫結多個click最後只執行最後一個click。
DOM2級事件元素繫結多個click，都要執行
注意當繫結的多個事件名，函式名，事件發生階段三者完全一樣時，才執行最後一個
div.addEventListener("click",fn1,false)
div.addEventListener("click",fn1,false)
第二 引數儘量不要使用匿名函式
區別：
1. DOM0級繫結多個相同事件，後者會覆蓋前者，DOM2級不會
2.DOM0級只適合普通事件，DOM2級還有指定事件型別如DOMContentLoded（當HTML文件結構載入完成之後執行）
2.事件取消 DOM0級直接賦值null，DOM2級需要用 removeEventener（）
div.onclick=function(){
console.log(123)
}
div.onclick=null; DOM0級取消事件
div.addEventListener("lick",fn1,false)
function fn1(){
console.log(123)
}
div.removeEventListener("click",fn1,false)DOM2級取消事件
鍵盤事件
onkeydown onkeyup
鍵盤事件觸發，瀏覽器天生給一個方法叫 KeyboardEvent的物件，所有的鍵盤資訊都存在這個物件上。
我們發現ev有個屬性keyCode鍵盤編碼
右擊滑鼠事件 oncontextmenu 滑鼠右擊事件