javascript - 我应该使用什么来代替已弃用的 KeyboardEvent.which 和 KeyboardEvent.keyCode？

Question

作为现代化/优化计划的一部分，我正在尝试从现有代码库中剥离 jQuery。当用户在文本输入中按下 enter 键时，有几个地方需要发生一些事情。以前，我们通过以下方式完成此操作:

$("#loginInput").on("keypress", e => {
   if (e.which == 13) {
     // if key pressed was enter...
     login();
   }
});

但是，通过键盘事件 API 读取 here我发现大多数常用的 API 都已弃用，例如 KeyboardEvent.which 和 KeyboardEvent.keyCode。

尽管这些属性在大多数浏览器中仍然可用，但我对使用已弃用的 API 感到不舒服。我应该改用什么？

Answer 1

我想你想要 event.key。它似乎得到了广泛的支持。

“key”属性给出了用户与键盘交互所反射(reflect)的字符，同时考虑了所有涉及的元键(shift、ctrl 等)。

所以要检查回车符 (13)，您可以使用

if (event.key === "Enter") {
  // enter key was pressed
}

edit 已更新以反射(reflect)一个有点令人惊讶的事实，即当该键触发事件时，“key”属性被设置为字符串“Enter”。