javascript - 覆盖现有的 onkeydown 函数

Question

我的扩展程序会检查在加载的任何网站上输入的每个输入。

我所做的是我考虑每一个 onkeydown 并在它有一些值(value)时对其进行操作。

我的后台 js 文件包含以下内容:

document.onkeydown = returnKey; 

function returnKey(evt) {   
    var evt  = (evt) ? evt : ((event) ? event : null);
    var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);  
    if ( node.value == 'fi' ) { evt.srcElement.value = "??"; }  
}

我的问题是当我的网站在其 innerHTML 网页中已经包含 onkeydown 函数时。

例如:

取自facebook主页:

<textarea class="uiTextareaAutogrow input" onkeydown="Bootloader.loadComponents([&quot;control-textarea&quot;], function() { TextAreaControl.getInstance(this) }.bind(this));

node.value == 'fi'的切换在 ？？自从他们的 onkeydown="Bootloader 之后没有执行...在我的 document.onkeydown 之前运行.

如何在执行 onkeydown 之前使我的函数运行？

Answer 1

而不是 document.onkeydown = returnKey; ， 利用

document.addEventListener('keydown', returnKey, true);

这一行最重要的部分是第三个参数。当该参数的值为 true时，事件监听器在捕获阶段触发，使用 event.preventDefault(); 无法阻止或 event.stopPropagation(); .