根据条件排除点击事件？

Question

我试图在jQuery事件上设置条件。 我有一个输入元素和一个div。 我想检测页面上任何位置的单击并执行该方法，但前提是该单击不在输入或div上。

Answer 1

使用jQuery click（）或live（）函数，然后使用jQuery is（）函数检查click事件的目标。

1. 在文档上绑定单击事件
2. 如果未输入目标或div继续

。

$(document.body).click(function(e) {
  if( !$(e.target).is("input, div") ) {
    console.log("Run function because image or div were not clicked!");
  }
});

网页示例=> http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-document-click-exclusion.html

单击示例页面后的示例萤火虫输出

Answer 2

这样的事情应该起作用。

$('body').click(function(event){ // body click
    var $target = $(event.target); // click target
    if($target.is('#mydiv, #myinput')) { // click target is div or input
        $target.click(); // click div or input
    }
});

Answer 3

基本上，将一个单击处理程序分配给页面的主体，然后测试事件的目标元素，以查看该目标元素的ID是否与您的div或输入匹配。

$("body").click(function(evt) {
  var targetElementId = evt.target.id;

  if (!(targetElementId  == "yourDivID" || targetElementId == "yourinputId"))
  {
    // your event code here.
  }
});

Answer 4

var input = $("#yourInput")[0];
var div = $("#yourDiv")[0];

$(document.body).click(function(e) {
   switch ( e.target ) {
       case input: case div: return;
   }
   yourMethod();
});

Answer 5

使用通配符排除特定元素的示例：

$("#mydiv li").click(function(e){

        var Target = new String(e.target.id);

        // prevent action when a element with id containing 'img_' is clicked
        if( !Target.match(/img_/ )) {
            // do something
        }

});