javascript - 如何检测退出键的 KeyboardEvent？

Question

这个问题已经有答案了:

How can I detect shift + key down in javascript? [duplicate] (2 个回答)

Can't fire keypress event when press delete key (2 个回答)

已关闭 5 年前。

许多功能是否已被弃用或者不属于 KeyboardEvent 对象类当前标准的一部分。只是想知道为什么每当我按 shift 或 esc 时。我的 Chrome 或 Mozilla 控制台上没有显示任何按键。

document.addEventListener("keypress", (e) => {
    console.log(e.keyCode);
    console.log(e.key);
    console.log(e.code);
    console.log(e.shiftKey);
});

使用的浏览器控制台

• “Mozilla/5.0(Windows NT 10.0；WOW64；rv:56.0)Gecko/20100101 Firefox/56.0”
• “Mozilla/5.0(Windows NT 10.0；Win64；x64)AppleWebKit/537.36(KHTML，如 Gecko)Chrome/61.0.3163.100 Safari/537.36”
• [网络检查器]“Mozilla/5.0(Macintosh；Intel Mac OS X 10_12_6)AppleWebKit/604.1.38(KHTML，如 Gecko)版本/11.0 Safari/604.1.38”

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent

Answer 1

keypress 仅在按下可打印字符时触发。对于所有按键，您需要使用 keyup 或 keydown。

来自MDN :

keypress

The keypress event is fired when a key that produces a character value is pressed down. Examples of keys that produce a character value are alphabetic, numeric, and punctuation keys. Examples of keys that don't produce a character value are modifier keys such as Alt, Shift, Ctrl, or Meta.

document.addEventListener("keydown", (e) => {
    console.log(e.keyCode);
    console.log(e.key);
    console.log(e.code);
    console.log(e.shiftKey);
});

<h1>Click into this area and then press ESC</h1>