Jquery .not() 等效于 javascript

Question

我想使用简单的按键来实现快捷方式功能，尽管我不想在用户输入输入或文本区域时触发快捷方式。

我注意到 Jquery 有一个 .not() 方法，它允许这样做：

$(document).not("input").on('keyup keydown keypress', function(event) {
    console.log(event);
    if(event.key == 'n') {
        alert('n pressed outside of input');
    }
});

因此，我正在寻找一个等价的纯 javascript 或一个函数来检查用户是否没有关注输入。

document.onkeypress = (event) => {
    if (event.key == 'n') {
        console.log('n has been pressed! (input or not)');
    }
};

Answer 1

答案已由@ChrisG发表在评论中

尽管它不是.not（）替代品，但它解决了我的问题

确实， event.target.tagName返回大写标签的名称。

因此，此代码有效：

document.onkeypress = (event) => {
    if (event.key == 'n' && event.target.tagName != 'INPUT' && event.target.tagName != 
    'TEXTAREA') {
        addTodo.click();
    }
};

Answer 2

您的答案是正确的，但是对于您的问题：javascript中的Jquery .not（“ input”）等效项是document.querySelectorAll（“：not（input）”）。

它返回输入元素以外的元素数组