鍵盤事件

探索在JavaScript中處理鍵盤事件的基礎

與鍵盤事件進行交互時,有3種類型的事件:

  • keydown鍵盤鍵已被按下
  • keyup鍵盤鍵已被釋放

keydown當重複按鍵時也會觸發停留按下。

儘管通常會在特定元素上監聽鼠標和触摸事件,但通常會在鍵盤上監聽鍵盤事件。文檔

document.addEventListener('keydown', event => {
  // key pressed
})

傳遞給事件監聽器的參數是KeyboardEvent

除了事件對象屬性向我們(除其他外)提供這些獨特的屬性:

  • altKey如果在觸發事件時按了alt鍵,則為true
  • code按下的鍵的代碼,以字符串形式返回
  • ctrlKey如果在觸發事件時按了ctrl鍵,則為true
  • key按下的鍵的值,以字符串形式返回
  • locale鍵盤語言環境值
  • location鑰匙的位置在鍵盤上
  • metaKey如果觸發事件時按下了meta鍵,則返回true
  • repeat如果密鑰已重複(例如,密鑰尚未釋放),則為true
  • shiftKey如果在觸發事件時按下了Shift鍵,則為true

該演示是一個鍵盤記錄程序,它將向您顯示我上面列出的某些屬性的值:

看筆按鍵記錄器演示由Flavio Copes(@flaviocopes) 在密碼筆

Tech Wiki Online!