Click-Ereignis basierend auf Bedingung ausschließen?

Question

Ich versuche, Bedingungen für ein jQuery-Ereignis festzulegen. Ich habe ein Eingabeelement und ein div. Ich möchte einen Klick irgendwo auf der Seite erkennen und diese Methode ausführen, aber nur wenn der Klick nicht auf der Eingabe oder div ist.

Answer 1

Verwenden Sie die jQuery click() oder leben() Funktionen und überprüfen dann das Ziel des Click-Ereignis mit der jQuery ist() Funktion.

1. binden Click-Ereignis auf dem Dokument
2. , wenn das Ziel nicht eingegeben wird oder div weiter

.

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

Beispiel die Homepage =>http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-document-click-exclusion.html

Beispiel firebug Ausgang nach dem Einschalten Beispiel Seite klicken um

Answer 2

Weisen Sie dem Body der Seite grundsätzlich einen Click-Handler zu und testen Sie dann das Zielelement des Events, um zu sehen, ob die ID dieses Zielelements mit Ihrem div oder Ihrer Eingabe übereinstimmt.

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

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

Answer 3

So etwas sollte funktionieren.

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

Beispiel ausschließen bestimmte Elemente einen Platzhalter verwenden:

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

});