javascript - addEventListener 不会在按键时触发

标签 javascript html events

我正在尝试添加自定义键来触发事件。我可以使 keyupkeydown 事件正常工作,但由于某种原因 keypress 事件无法正常工作。我见过很多重复的内容,但大多数是在 jquery 中。

此外,在研究此问题时,我发现文档指出 keyCode 已弃用,应使用 key 代替。但是如果我写

if (event.key === 74)

代码不起作用

下面的代码是我正在尝试做的事情的一个简单示例。

window.addEventListener('keypress', function(event) {
  if (event.keyCode === 74) {
    console.log('Show me');
  }
});

最佳答案

您的代码运行良好(假设您输入大写 J)。

如果您还想检查小写的 J,则 keyCode 将为 106:

window.addEventListener('keypress', function(event) {
  if (event.keyCode === 74 || event.keyCode === 106) {
    console.log('Show me');
  }
});

关于javascript - addEventListener 不会在按键时触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55010695/

相关文章:

javascript - 在 JavaScript 中等待 Promise 和事件监听器

c# - 模拟内部对象的事件不会触发?

javascript - 旧版 IE 中 JSON 对象的问题

javascript - 如何断开所有处理程序与滚动事件的连接?

javascript - 强制 IE8 重新渲染/重绘 :before/:after pseudo elements

html - 如何在 Ionic 中排除某些 CSS 类/元素?

html - Perl 脚本不会运行;只在浏览器中显示实际代码

html - 如何使 SVG 中的 Wings 使用 css3 动画移动

javascript - 全日历仅在月 View 中隐藏事件

javascript - javascript 中是否有 'OrElse' 等效项?