能否在网页处理前修改KeyboardEvent？重映射网页快捷键可行性问询

嘿，这个问题我刚好研究过，来给你捋清楚：原则上完全可行，但得避开浏览器的安全限制，不能直接用重新派发事件的路子，得换个思路。

1. 浏览器扩展确实能抢在网页之前拿到键盘事件 #

Chrome、Firefox这些浏览器的扩展，尤其是内容脚本，权限比普通网页脚本高不少——你可以注册捕获阶段的键盘监听器，这样键盘事件会先传到你的扩展里，再轮到网页的代码处理。

举个Chrome扩展内容脚本的例子：

document.addEventListener('keydown', function(e) {
  // 逮住Shift+Space这个组合键
  if (e.shiftKey && e.key === ' ') {
    // 先把原始事件拦下来，不让网页处理
    e.preventDefault();
    e.stopPropagation();
    // 接下来模拟普通空格的效果
    // ...
  }
}, true); // 最后这个true就是指定在捕获阶段监听，抢在网页前面

2. 绕开“手动发事件没默认行为”的坑 #

你提到的手动触发事件没法生成输入字符这种默认行为，确实是浏览器的安全限制——怕脚本乱模拟用户操作搞事情。但这不是死路，换个方式就行：

• 直接拦截+模拟目标行为：比如你要把Shift+Space改成普通空格，先把原始事件拦死，然后直接给当前聚焦的输入框插空格就行。比如用document.execCommand('insertText', false, ' ')，或者直接操作输入框的value属性，这种方式是实打实的DOM操作，不是模拟事件，肯定能生效。
• 修改事件只读属性（偏技巧性）：虽然shiftKey这些属性标了只读，但用Object.defineProperty硬改也有可能成功，不过这个方法兼容性不太稳，有些浏览器可能会拦，慎用。

3. 为啥找不到现成扩展？ #

主要是这种需求太小众了——每个人遇到的快捷键冲突场景都不一样，通用的快捷键重映射扩展未必覆盖到YouTube字幕制作这种特定场景。不过自己写个小扩展真不难，就针对YouTube字幕页面做定向拦截，逻辑超简单。

总的来说，只要利用扩展的捕获阶段监听，再结合直接模拟目标行为（不是重新发事件），完全能解决你Shift+Space的困扰，技术上完全行得通。

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