javascript - 如何使用全局选择器响应除一个元素之外的所有点击事件？

Question

如果我有一个按钮:

<button id="button1">

通常我会写:

$("#button1").click(function ()
{    
    //do something
}

但我想定义一个函数来响应所有点击事件除了当有人点击此按钮时。

是否有一个选择器可以让我定位文档中除 button1 之外的所有其他可点击元素？

Answer 1

您可以使用:not selector :

$('button:not(#button1)').click(function(){
  //Do something
});

上面的选择器将匹配所有按钮元素，除了 id = "button1"的元素。

如果你真的想选择body标签下的所有元素，你可以使用 "All" (*) 选择器，并排除 :not(selector) 的元素或.not(expr) :

$('body *:not(#button1)').click(function(){
  //Do something
});

或者

$('body *').not('#button1').click(function(){
  //Do something
});

如果这样做，您可能会遇到一些事件冒泡或传播问题，您可以使用 event.stopPropagation 来处理此问题功能。