key、keyCode 和 which

key、keyCode 和 which 可用于确定按下哪个键。下面是处理文本框的按键事件的示例代码。

它检查用户是否按下键代码为 13 的 Enter 键：

textBoxElement.addEventListener('keydown', function (e) {
  if (e.keyCode === 13) {
    // Do something ...
  }
})

区别

根据 MDN 文档，keyCode 和 which 都已弃用，将从 Web 标准中删除。

除此之外，浏览器对这两个属性的支持也有所不同。有些浏览器使用 keyCode，其他浏览器使用 which。

通常可以看到一些规范化的写法，如下所示：

const key = 'which' in e ? e.which : e.keyCode

// Or
const key = e.which || e.keyCode || 0

建议

建议使用 key 属性。上面的示例代码可以重写为：

if (e.key === 'Enter') {
    // 按下回车键
}