如何使用JavaScript实现按下Space或Backspace键时执行指定函数

问题说明 #

你原来使用的keypress事件已被W3C废弃，仅能捕获可打印字符的按键操作，无法触发退格键这类功能键的监听，需要替换为keydown事件实现需求。

实现步骤 #

• 监听全局keydown事件
• 回调内判断event.code匹配Space（空格键）或Backspace（退格键）
• 匹配成功后执行你定义的目标函数即可

完整代码示例 #

// 自定义要触发的目标函数
function yourCustomFunction() {
  // 此处编写你的业务逻辑
  console.log('空格键或退格键被按下');
}

document.addEventListener('keydown', event => {
  if (event.code === 'Space' || event.code === 'Backspace') {
    // 可选：如果需要阻止按键默认行为（如按空格滚动页面），打开下一行注释
    // event.preventDefault();
    yourCustomFunction();
  }
})

可选适配说明 #

如果需要适配不同国家的键盘布局，可以将event.code替换为event.key判断，对应匹配值为' '（空格）和'Backspace'。

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