DOM 事件(鍵盤事件)

2021-10-24 09:47:37 字數 1242 閱讀 3674

onkeydown 事件會在使用者按下乙個鍵盤按鍵時發生。

onkeydown

onkeypress

onkeyup

onkeydown事件在很多小遊戲上應用較多,比如需要控制上下左右的很多遊戲,如2048,貪吃蛇,俄羅斯方塊等等。

keydown:

function()

}.bind

(this);

}

然後就可以通過鍵盤上的上下左右的四個箭頭的按鍵控制頁面上的元素。

onkeypress 事件會在鍵盤按鍵被按下並釋放乙個鍵時發生。

要注意的是,在所有瀏覽器中 onkeypress 事件不是適用於所有按鍵(如: alt, ctrl, shift, esc)。

>

當使用者在輸入框內按下乙個按鍵時函式被觸發p

onkeyup 事件會在鍵盤按鍵被鬆開時發生。

>

當使用者在輸入字段釋放乙個按鍵時觸發函式。函式將字元轉換為大寫。p

>

輸入你的名稱:

在這裡我寫下的是aaaaaaaa,但是當鍵盤按鍵鬆開的時候就自動轉換為了大寫顯示出來。(由於截圖的時候鍵盤已經鬆開,所以看不出什麼效果)

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

12 4Dom事件鍵盤事件

dom0級事件元素繫結多個 click 最後只執行最後乙個 click dom2級事件元素繫結多個 click 都要執行 注意當繫結的多個事件名,函式名,事件發生階段三者完全一樣時,才執行最後乙個 div.addeventlistener click fn1,false div.addeventli...