Chrome下按v键触发弹窗的JS代码失效如何修复？F12控制台实现

你的代码仅定义了按键触发后的执行逻辑，没有将该函数绑定到页面的键盘事件监听器上，因此按下按键不会触发执行。

修复后的完整可运行代码 #

// 绑定keyup事件监听器到document对象
document.addEventListener('keyup', function doc_keyUp(e) {
    // 直接匹配v按键，无需记忆按键码，更易读且符合现行Web标准
    if (e.key === 'v') {
       alert("Test!");
    }
})

注意事项 #

• 如果你希望沿用keyCode的旧写法，只需要在原有函数后添加绑定代码即可：document.addEventListener('keyup', doc_keyUp)
• 在控制台运行代码后，需要点击页面空白区域让页面获得焦点，否则焦点停留在控制台输入框时，按键事件会被控制台捕获，不会触发页面的弹窗逻辑
• 如果你需要避免在输入框、富文本编辑区域按下v时误触发弹窗，可以在判断条件中添加过滤规则：if (e.key === 'v' && !['INPUT', 'TEXTAREA'].includes(e.target.tagName))

内容的提问来源于stack exchange，提问作者mattsmith5