为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

梦里花落0921 2021-03-31 20:19:04
我有一些以此开头的代码: 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元素吗?
查看完整描述

1 回答

?
qq_花开花谢_0

TA贡献1835条经验 获得超7个赞

您正在寻找的是可聚焦元素的列表:

  • HTMLInputElement

  • HTMLSelectElement

  • HTMLTextAreaElement

  • HTMLAnchorElement

  • HTMLButtonElement

  • HTMLAreaElement

请注意,ButtonAnchor只能收听enter按键,因此您可能不需要此异常


查看完整回答
反对 回复 2021-04-22
  • 1 回答
  • 0 关注
  • 114 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信