javascript - 如何在 Javascript 中匹配 event.keyCode 时避免魔数(Magic Number)

Question

在 Javascript 中匹配按键时可以避免魔数(Magic Number)吗？
一个例子是使用 13 to match the enter key .
我可以指定自己的常量，但我不知道这些值在不同平台/浏览器/语言环境中是否足够稳定。

Answer 1

我第一次尝试这样做时，我使用了 String 的 charCodeAt 方法。例如，如果您想检测“a”键的按下:

if ("A".charCodeAt(0) == event.keyCode) {
  /* Do stuff here. */
}

请注意，我使用了大写字母“A”而不是“a”。这是因为 event.keyCode 仅报告为大写字母的 Unicode 值(如果它是 alpha 键)。使这个问题有点棘手的是，有几种方法可以获取所按下键的 Unicode 值。在 Firefox 中，您有:

event.keyCode

event.charCode

event.which

根据 Mozilla 开发人员文档， key 的 Unicode 值将存储在 event.keyCode 中。或 event.charCode ，但不是两者兼而有之。不管哪个有代码，也会存入 event.which .但是，如果值存储在 charCode 中，它将区分大小写。因此，根据您从哪里获取事件，您可能必须同时检查“a”和“A”。如果您只能从“onkeydown”事件中获取关键事件，并且您的目标是 Firefox，那么您可以指望在 event.keyCode 中设置不区分大小写(大写)的代码。事实上，我在 Windows XP 上的 Firefox 3.0.3、MacOS 10.4 上的 Firefox 3.0.4、MacOS 10.4 上的 Safari 3.2.1 和 MacOS 10.4 上的 OmniWeb 5.8 上进行了测试，并且一切都一样。但是，我没有在任何 IE 版本或 Opera 等上尝试过这个。

如果您想自己从头开始开发它。我建议尽可能多地在您可以访问的不同操作系统上找到尽可能多的不同浏览器，并进行一些试验以了解每个浏览器如何报告关键代码。但是，已经有人完成了这项工作。 one of the answers 中甚至提到了它。以您作为示例链接的问题!它是一个名为 js-hotkeys 的 jQuery 插件。 .它允许您注册回调函数以在按下某个键或组合键时执行。我从项目站点复制的示例用法:

$(document).bind('keydown', 'Ctrl+a', fn);

它已经过测试，可以在各种不同的浏览器/平台上工作，所以如果你使用 jQuery，这可能是要走的路。如果您出于某种原因不想使用 jQuery，那么您也不会不走运。显然这是基于 another script你可以用它来代替。我个人还没有使用过这些库中的任何一个，所以我不能保证它们的易用性或有效性。也就是说，如果我有你的问题，这就是我想要解决的方向。