javascript - 单击空白处时调用 jquery 函数

Question

我需要知道如果有人点击jsp页面的空白处如何调用该函数。

我尝试了以下代码，但它没有按我想要的方式工作。

谁能告诉我如何做到这一点？

jQuery("*:not(select)").click(function(){

    alert("clck");
    //some code here

    });

在这里，我尝试了每当我单击选择框外部时该函数就会调用。

如果我点击选择框，它不会调用，但这个函数一直被调用。

为什么会发生这种情况？

Answer 1

我可能会这样做:

$(document).on("click", function(e) {
    if (e.target === document || e.target.tagName === "BODY" || e.target.tagName === "HTML") {
        // Clicked on blank space
    }
});

Hook document 上的 click 事件，然后检查点击是否源自文档(或 body) 或 html 元素)。如果是，则用户单击“空白区域”(例如，不在文档中的其他元素上单击)。