javascript - jQuery：在除一个输入文本字段之外的所有文档上触发 keyup

Question

我有一个

$(document).keyup(function(e) {
  //some code is here
});

代码，按预期工作：当我按下键盘上的任意键时它会触发。我希望它触发，但不是当光标在

<input type="text" id="excludeMeFromFiring">

这是在页面上。

如何修改上面的代码以在输入具有特殊 id 的输入文本字段时排除触发？因此，如果光标位于输入文本字段中，它不会触发。

谢谢你。

Answer 1

keyup在函数中很容易做到这一点：

$(document).keyup(function(e) {
    if ($(e.target).closest("#excludeMeFromFiring")[0]) {
        return;
    }

    // It's not that element, handle it
});

这是一般情况；因为input元素中不能有任何元素，所以您可以只使用e.target.id而不是closest：

$(document).keyup(function(e) {
    if (e.target.id === "excludeMeFromFiring") {
        return;
    }

    // It's not that element, handle it
});

closest只要元素内部可以包含其他元素，我就会使用它。

Answer 2

尝试

$(document).keyup(function (e) {
    if(e.target.id === 'excludeMeFromFiring'){
        console.log('no');
    }else{
        console.log('hi');
    }
});

---

$(document).keyup(function (e) {
    if(e.target.id !== 'excludeMeFromFiring'){
       console.log('hi');
    }
});

Answer 3

另一个例子：

$('#excludeMeFromFiring').keyup(function(e) {
    e.stopPropagation();
});