javascript - 如何防止谷歌搜索自动聚焦于按键？

Question

我正在为自己进行扩展，我想禁用自动对焦或至少在它获得焦点之前运行我的函数。

我尝试过针对这些事件:window 和 document 上的keypress、keyup、keydown、input。并使用以下方法停止事件:

document.addEventListener('keypress', stopEvent);

document.addEventListener('keyup', stopEvent);

document.addEventListener('keydown', stopEvent);

document.addEventListener('input', stopEvent);


document.body.addEventListener('keypress', stopEvent);

document.body.addEventListener('keyup', stopEvent);

document.body.addEventListener('keydown', stopEvent);

document.body.addEventListener('input', stopEvent);


window.addEventListener('keypress', stopEvent);

window.addEventListener('keyup', stopEvent);

window.addEventListener('keydown', stopEvent);

window.addEventListener('input', stopEvent);

function stopEvent(e) {
e.stopImmediatePropagation();
e.stopPropagation();
e.preventDefault()
return false;
}

但不知何故，搜索输入框仍然被选中，我是否需要以某种方式删除所有事件处理程序？

Answer 1

我明白了，这是第三个参数。

使用捕获 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

在做了一些有氧运动后，我花了大约 2 分钟来解决这个问题。

function stopEvent(e) {
    e.stopImmediatePropagation();
    //e.stopPropagation();
    //e.preventDefault()
    //return false;
}

//var eles  = [window, document, document.body];
var eles  = [window];

eles.forEach(function(ele){
    ele.addEventListener('keypress',stopEvent,true);
    ele.addEventListener('keyup',stopEvent,true);
    ele.addEventListener('keydown',stopEvent,true);
    ele.addEventListener('input',stopEvent,true);
});