javascript - 在任何地方单击时删除类，除非单击某个文本框

Question

我正在尝试稍微改进以下脚本:

$(document).click(function(event) {
    $('.home.active').click();
    $('.home').removeClass("active");
});

这行得通，但当我不希望它工作时它也能工作。例如，我有一个文本框。如果该文本框获得焦点，则不应删除该类，但如果单击页面上的任何其他内容，则应删除该类。所以我尝试了以下方法，但不起作用:

$(document).click(function(event) {
    if( $('#txtHomeSearch').focus() ) {
        // don't remove class
    } else {
        $('.home.active').click();
        $('.home').removeClass("active");
    }
});

这会阻止类被完全删除，无论我点击哪里，文本框始终具有焦点。

Answer 1

您可以使用 event.target确定被点击元素的 id:

$(document).click(function(event) {
    if (event.target.id === "txtHomeSearch") {
        // Don't remove class.
    } else {
        $('.home.active').click();
        $('.home').removeClass("active");
    }
});