Container: Hierarchieerkennung

[Netzwerkidi]

Hallo,

wie kann ich denn erreichen, dass im Beispiel - http://jsfiddle.net/xk32y/ - bei Click auf #d2 nichts geschieht bzw. das geschieht, was in der Click-Funktion (blue) dafür definiert ist aber keinesfalls #d1-Funktionalität (green)?

LG

 

[abuzze]

benutze stopPropagation() um das event-bubbling zu verhindern, also das weiterreichen des Events an übergeordnete Elemente.

http://jsfiddle.net/xk32y/2/

 

[Netzwerkidi]

Merci!

Wie kann ich es denn erreichen, dass bei Klick auf #d2 nichts passiert?
Das ist nämlich der eigentliche Grund, dieses Thema zu eröffnen.
Brauche ich da einen Klick-Event, der ins Leere läuft, oder geht das nicht auch irgendwie anders?
http://jsfiddle.net/WgeJu/

 

[abuzze]

Prüfe ob das target des events(also das auslösende Element) identisch ist mit dem Element, an das der event gebunden wurde(this)

$('#d1').bind('click', function (e) {
    if(e.target===this){
       green();
    }
});

http://jsfiddle.net/WgeJu/2/