Excluir evento de clic según la condición?

Question

Estoy tratando de establecer condiciones en un evento jQuery. Tengo un elemento de entrada y un div. Quiero detectar un clic en cualquier lugar de la página y ejecutar ese método, pero solo si el clic no está en la entrada o div.

Answer 1

Uso del jQuery click() o en vivo (funciones) y compruebe el destino del evento clic mediante la función de jQuery es().

1. evento se unen clic en el documento
2. si el objetivo no es de entrada o div continuar

.

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

Ejemplo página web =>http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-document-click-exclusion.html

Ejemplo de salida firebug después de hacer clic en torno de ejemplo, la página

Answer 2

Asigne básicamente un manejador de clics al cuerpo de la página, luego pruebe el Elemento objetivo del evento para ver si el ID de ese elemento objetivo coincide con su div o su entrada.

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

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

Answer 3

Algo como esto debería funcionar.

$('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 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

Ejemplo para excluir elementos específicos usando un comodín:

$("#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 
     } 

});