鍵盤事件

與鍵盤事件進行交互時，有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） 在密碼筆。