单击空格时调用 jQuery 函数

jquery function call when clicking blank space

本文关键字：jQuery 函数 调用 空格 单击      更新时间：2023-09-26

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

我

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

谁能告诉我怎么做？

jQuery("*:not(select)").click(function(){
    alert("clck");
    //some code here
    });

在这里，每当我单击函数将调用的选择框时，我都会尝试。

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

为什么会这样？

我可能会这样做：

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

这会将 click 事件挂接在document上，然后检查单击是否源自文档(或body或html元素(。如果是这样，用户点击了"空白区域"(例如，不是文档中的其他元素(。

不确定是否适用于所有浏览器，但在 chrome 中。

$('body').click( function (e) { 
    if ( e.target == this ) 
        alert('clck'); 
});
如果您希望单击

中不包含特殊项目，请尝试此操作

$('#itemtobeexcluded').on('click', function(e) {
   e.stopPropagation();
});

然后对于整个文档：

$(document).on('click', function (e) {
 // function body
});

也许这会起作用

$(document).on('click', function (e) { 
        alert('clck'); 
});
相关文章：