Mit Hilfe von event.Ziel bekommen element

Ich bin im Grunde versucht, um das target-element von der Veranstaltung.Ziel-und wenn nicht gleich Prozess.
Wie bekomme ich das unter, was zu arbeiten ?

$(document).ready(function(){
   $(document).click(function(event) {

       if(event.target!='#contents') {  //If clicked element is not div #contents show alert .. //How can i achieve this ?
         alert("..");
       }

    });
});
InformationsquelleAutor user1184100 | 2012-04-05
  1. 15

    verwenden

       //If clicked element id is not contents 
   if(event.target.id !== 'contents') {  
     alert("..");
   }

    BEARBEITEN - wenn die Struktur ist, die von Ihrem Kommentar verwenden:

      if($(event.target).closest('div#contents').length === 0){
    alert('there is no div with id === "contents" in the ancestors of the clicked li');
   }

    EDIT 2 - Erklärung von meinem code. Wenn Sie dieses markup

    <div id="contents"><ul><li>Item1</li><li>Item2</li></ul></div>

    dieser code bedeutet

    //event.target is a DOM element, so wrap it into a jQuery object
$(event.target)
        .closest('div#contents')//find a div element going up the dom tree. 
                                //This method returns a jQuery collection that it's 
                                //empty if the div is not found
        .length //the collection has a length 
                //property that is equal to the number of found elements
    • +1 @user1184100: event.target ist ein Objekt, kein string. Seine id ist ein string.
    • Wenn ich eine Konsole.log(event.Ziel); es gibt li div .. aber nicht die div-id #Inhalt, so dass obige code funktioniert nicht 🙁 die Struktur ist so etwas wie das <div id="contents"><ul><li>Item1</li><li>Item2</li></ul></div>
    • ich bearbeitet meine Antwort überprüfen Sie, ob es für Sie arbeitet, und posten Sie Ihre markup in Ihre Frage
    • scheint zu funktionieren für mich... jsfiddle.net/CTM2q
    • Dank seiner arbeiten 🙂 .. bitte nicht daran, ich Verstand nicht, Ihren code u kann es erklären 🙂
    • ich fügte hinzu, eine Erklärung
    • Sich bewusst sein, dass event.- Ziel bezieht sich direkt auf das DOM-element, auf dem das Ereignis ausgelöst hat, in der Erwägung, dass konnte man auch mit 'dieser' im event-handler, die die jQuery-wrapper für den gleichen DOM-element. Zur Vermeidung von cross-browser-Probleme, das soll besser sein.

    InformationsquelleAutor Nicola Peluchetti
Schreibe einen Kommentar