哪些元素有自己的按键处理？

Question

我有一段以这个开头的代码：

 document.addEventListener('keyup',
                function (e) {
                    // I DO NOT WANT TO HANDLE INPUT FROM THESE
                    if (["INPUT", "SELECT", "TEXTAREA"].includes(e.target.tagName)) return;
                    //... do stuff with keypresses here
                });

这当然会监视整个文档上的 keyup 事件，以在按下 Enter 键时触发特殊事件——我主要将其用于条形码扫描，因为我的条形码扫描仪设置为输入键，然后按 ENTER。

所以我已对其进行了设置，以便在专注于 INPUT、SELECT 和 TEXTAREA 元素时按下键时它不会触发我的特殊事件，因为通常我希望以他们自己的方式处理这些事件。

是否还有其他我应该注意的 html 元素以自己的方式处理关键事件？

Answer 1

你要找的是list of focusable elements:

• HTMLInputElement
• HTMLSelectElement
• HTMLTextAreaElement
• HTMLAnchorElement
• HTMLButtonElement
• HTMLAreaElement

注意Button和Anchor只能监听enter按键，所以你可能不需要这个异常