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
    }
});

挂钩click上的document事件，然后检查文档上的点击是否来源（或body或{{1}元素）。如果是这样，用户点击了空白区域＆＃34; （例如，不在文档中的其他元素上）。

Answer 2

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

$('body').click( function (e) { 
    if ( e.target == this ) 
        alert('clck'); 
});

Answer 3

如果您希望点击中不包含特殊项目，请尝试使用

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

然后是整个文件：

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

Answer 4

可能会有效

$(document).on('click', function (e) { 

        alert('clck'); 
});

单击空格时调用jquery函数

4 个答案: