Jquery 检测单击文档但忽略特定元素

目前我有一个弹出窗口

我想在单击链接以外的任何位置时隐藏此弹出窗口

我是一颗纽扣

我想你问过

事件.target

是否是一个

a

或

按钮，如下所示：

if（！$（event.target）.closest（“a，button”）.length）

希望这对你有帮助


（函数（$）{
$（文档）。在（'单击'）上，函数（事件）{
if（！$（event.target）.closest（“a，button”）.length）{
日志（event.target.nodeName）；
}
});
})（jQuery）
.container{
填充：35px；
背景：灰色；
}

我是一颗纽扣
我想你问过
事件.target
是否是一个
a
或
按钮，如下所示：

if（！$（event.target）.closest（“a，button”）.length）

希望这对你有帮助


（函数（$）{
$（文档）。在（'单击'）上，函数（事件）{
if（！$（event.target）.closest（“a，button”）.length）{
日志（event.target.nodeName）；
}
});
})（jQuery）
.container{
填充：35px；
背景：灰色；
}

我是一颗纽扣
您知道您正在从
event.target.nodeName
获取
元素
，然后只需检查它是否是
A
或
按钮
，如果是，只需
返回


（函数（$）{
$（“.container”）。在（'click'，函数（事件）{
if（event.target.nodeName=='A'| | event.target.nodeName=='BUTTON'）
返回；
日志（event.target.nodeName）；
});
})（jQuery）
.container{
填充：35px；
背景：灰色；
}

我是一颗纽扣
您知道您正在从
event.target.nodeName
获取
元素
，然后只需检查它是否是
A
或
按钮
，如果是，只需
返回


（函数（$）{
$（“.container”）。在（'click'，函数（事件）{
if（event.target.nodeName=='A'| | event.target.nodeName=='BUTTON'）
返回；
日志（event.target.nodeName）；
});
})（jQuery）
.container{
填充：35px；
背景：灰色；
}

我是一颗纽扣
您的问题的最简单解决方案如下：

$(document).on('click', function(event) {
    if (!$(event.target).closest("a, button").length) {
      if(event.target.nodeName=="A"||event.target.nodeName=="BUTTON"){
     //DON'T DO ANY THING
      }
      else{
     //SHOW THE POPUP
     }

    }

  });
Hope this helps!!!!!

您的问题的最简单解决方案如下：

$(document).on('click', function(event) {
    if (!$(event.target).closest("a, button").length) {
      if(event.target.nodeName=="A"||event.target.nodeName=="BUTTON"){
     //DON'T DO ANY THING
      }
      else{
     //SHOW THE POPUP
     }

    }

  });
Hope this helps!!!!!

只需使用
$（'a，button'）。单击（function（）{return false；}）@HappyCoding使用它将断开所有链接和按钮..只需使用
$（'a，button'）。单击（function（）{return false；}）@HappyCodeing使用将断开所有链接和按钮的。。