javascript - 是否可以从 onkeyup 获取 key 代码？

Question

这个问题在这里已经有了答案:





How to pass event as argument to an inline event handler in JavaScript?

(4 个回答)


3年前关闭。




我知道在使用 JavaScript 或 jQuery 时。我可以在对象上添加一个事件监听器，以便在按下某个键时调用一个函数。

但是，如果函数是从 HTML 启动的，如下例所示:

function callMyFunction (importantothervalue) {
  //How can I get the keycode?
}

<textarea onkeyup="callMyFunction(1);"></textarea>
<textarea onkeyup="callMyFunction(2);"></textarea>
<textarea onkeyup="callMyFunction(3);"></textarea>

有没有办法从这个上下文中检索关键代码？或者如果我想获取 key 代码，我是否总是需要制作一个事件处理程序？

有什么方法可以让我在结果函数调用中包含重要的其他值，而无需对 id 或 class 属性中的信息进行编码并从那里提取它？

Answer 1

使用event.key (或 event.code )
您可以通过 event 到可以访问属性key的函数.
我建议您查看 KeyboardEvent.key 的文档和 KeyboardEvent.code
谨防旧的keyCode

You should avoid using this if possible; it's been deprecated for some time. Instead, you should use KeyboardEvent.code, if it's implemented. Unfortunately, some browsers still don't have it, so you'll have to be careful to make sure you use one which is supported on all target browsers. Google Chrome and Safari have implemented KeyboardEvent.keyIdentifier, which was defined in a draft specification but not the final spec.

例子

function callMyFunction (e, importantothervalue) {
  console.log(e.key); // ex: "j"
  console.log(e.code); // ex: "KeyJ"
  console.log(importantothervalue)
}

<textarea onkeyup="callMyFunction(event, 1);"></textarea>
<textarea onkeyup="callMyFunction(event, 2);"></textarea>
<textarea onkeyup="callMyFunction(event, 3);"></textarea>