键盘事件

探索在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!