通过KeyboardEvent.code找出KeyboardEvent.key

Question

KeyboardEvent 有 2 个属性：

• 键盘事件.key
• 键盘事件.code

如何在没有事件本身的情况下获得key拥有？code所以我只有code事件之外的值，并且想知道与之key相关的内容。

Answer 1

不可能key从可靠地猜出code，因为code指的是按下的物理键，而 的值key取决于键盘布局。例如，在我的德国 QWERTZ 键盘上，key与code“BracketLeft”相对应的是“\xc3\xbc”，而在美国 QWERTY 键盘上则为“]”。

\n

如果您的目标是告诉用户按哪个键来触发某些操作，您可以尝试其他方法：

\n

\n
• 创建键盘图像，其中该键突出显示，并将其显示为提示
\n
• 以某种方式让您的用户按下按键，以便您可以观察实际事件并key以这种方式了解适当的值
\n
• 为用户最有可能使用的键盘布局创建code->key映射，并根据浏览器区域设置和/或观察到的键盘事件猜测正确的映射
\n

\n

这些选项都不是完美的，但我认为可以让你非常接近。

\n