为何document.addEventListener('keydown')在实时重载浏览器中无控制台输出？

• 确保代码已正确执行：若脚本写在HTML中，要放在<body>标签末尾，或者用DOMContentLoaded包裹，避免DOM未加载完成就绑定事件。示例修改如下：

document.addEventListener('DOMContentLoaded', function() {
  document.addEventListener('keydown', function(x) {
    console.log(x.key);
    // 要查看完整KeyboardEvent对象，直接用console.log(x)即可
  });
});

• 检查控制台过滤设置：Edge控制台顶部有过滤选项，确认未勾选「隐藏日志」，且选中「所有级别」，避免日志被隐藏。
• 确保页面获得焦点：如果控制台窗口处于激活状态，按键事件会被控制台捕获，不会触发页面的keydown事件。点击页面空白区域后再按键测试。
• 暂时关闭实时重载：部分实时重载工具会在页面刷新时重置事件绑定，先关闭该功能，手动刷新页面后再验证。

若以上方法无效，可直接在控制台粘贴代码执行，再按键测试，以此排除脚本加载失败的问题。

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