根据条件排除点击事件？

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!");
  }
});

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

点击示例页面后的示例firebug输出

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
        }

});