jquery - 在jQuery中单击元素外部时如何触发单击功能？

Question

    $('body').not('#test').on('click',function(){
            //code....
    });

我写了这段代码，但它不起作用。我有一个名为 jQgrid #test，我想在点击网格时触发点击功能。另外，我尝试了blur()函数，但没有结果。请帮我。

Answer 1

$('body').click(function(e) {
    if ( !$(e.target).closest('#test').length ) {
        //your code here
    }
});

现场演示

说明/文档

• event.target- 发起事件的 DOM 元素；
• .closest()检查元素或其任何祖先是否匹配给定的选择器；
• .length检索匹配元素的数量（> = 0）；
• 逻辑非运算符：将操作数转换为布尔值并返回相反的布尔值。该数字0是一个假值，因此!0 === true. 其他.length值是真实的：!1 === false。

Answer 2

$('body').on('click',function(e) {
    var $target = $(e.target);
    if ($target.attr('id') != 'test') {
        ...
    }
}