javascript - 从分配给主体的按键处理程序中排除表单字段

Question

我在分配给 body 元素的网页上有一个 keypress 处理程序。我真的希望它在网页的任何地方都处于事件状态。或者我是这么想的。文本输入表单中的 keypress 事件也会激活主体处理程序，这是有道理的，但我不希望这样。

理想情况下，我希望将 keypress 处理程序分配给 body 元素，并以某种方式仅排除输入表单。有什么办法可以在输入级别停止事件并防止它传播到 body 吗？ (或者这是查看 HTML DOM 事件的正确方法吗？)

Answer 1

简单地检查哪个元素触发了按键处理程序中的事件并过滤掉输入元素会更容易:

document.onkeypress = function(evt) {
    evt = evt || window.event;
    var target = evt.target || evt.srcElement;
    if ( !/INPUT|TEXTAREA|SELECT|BUTTON/.test(target.nodeName) ) {
        // Do stuff
    }
};