javascript - Jquery/Javascript 应用单击 * 但不单击特定元素及其子元素

Question

我正在寻找一种方法来做到这一点:

$('*:not(#specific)').on('click',function(e){
  //execute code
});

//or : 

$('*').not('#specific').on('click',function(e){
  //execute code
});

对 DOM 的每个元素应用操作，但不对我的特定 div 和子元素应用操作。

但它们似乎都不起作用。

基本上，我尝试建立一个像 firebug 这样的系统，它可以将轮廓应用于 over 元素的最后一个子元素(这部分没问题)。但在保留元素上的轮廓后，选择并打开一个对话框。但是，当我们单击 DOM 元素时出现的对话框也是该 DOM 的一部分，它会生成事件的无限循环。我无法正确使用我的对话框。

还是谢谢

Answer 1

试试这个:

$('body *').not('#specific, #specific *').on('click',function(e){
  //execute code
});

这将忽略#specific及其任何子项。