keydown、keypress 和 keyup.md

keydown、keypress 和 keyup

事件顺序

当用户按下一个键或不同的组合键时，按以下顺序触发 keydown、keypress 和 keyup：

• 当用户按下按键时，会首先触发 keydown 事件
• 用户释放按键时，最后触发 keyup 事件
• 在这之间，keypress 事件将被触发

这些事件用于不同的目的。

keydown 和 keyup 事件经常被用来处理物理按键，而 keypress 事件被用来处理其正在键入的字符。

keypress 会忽略某些按键，诸如 delete、arrows、page up、page down、home、end、ctrl、alt、shift 和 esc 等。所以，如果我们需要处理这些键，最好使用两种 keydown 或 keyup 事件。

Tips：MDN 解释 keypress 事件因高度依赖硬件且已被弃用，建议不要在浏览器中使用它。

下面的示例代码监听 keydown 事件，并在按下 ESC 键时执行一些操作：

document.addEventListener('keydown', (e) => {
  if (e.key === 'Escape') {
    // do something ...
  }
})

如果用户按住某个键，则 keydown 和 keypress 事件会触发多次。

而 keyup 仅在用户释放按键时触发一次。