Web APIs 7 DOM事件高階 2

2022-08-10 14:48:19 字數 789 閱讀 3834

傳統的繫結事件寫法中的事件物件

eventtarget.onclick = function(event){}//event就是事件物件,還喜歡寫成e或者evt
事件監聽註冊事件中的事件物件
eventtarget.addeventlistener('click',function(event){})//event就是事件物件,還喜歡寫成e或者evt
事件物件本身的獲取存在相容性問題:

e = e||window.event
舉例
123

e.target返回的是觸發事件物件(元素)

123

123

123

e.type返回的是事件型別,比如click、mouseover等,不帶on
123

e.preventdefault()阻止預設行為(事件)
123

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...