jquery onclick penetrations to übergeordnetes Element

Question

Wie würde ich onclick für ein inneres Element stoppen, das auch durch sein Elternelement klickt.

<div id="1" onclick="alert('1')"> 
<div id="2" onclick="alert('2')"></div> 
</div> 

Wenn die zweite div (id = „2“) ist sichtbar auf der Oberseite der ersten, und es angeklickt wird, wird Sie beide Meldungen erhalten 1 & 2.

Wie kann ich vermeiden, diese so Ich bekomme nur die Warnung von dem, was ich (sichtbar) klicke, Ohne die Onclick-Funktion vollständig zu deaktivieren, kann das äußere Div verfügen.

Beispiel:http://jsfiddle.net/DPCx8/

Answer 1

​var outer = document.getElementById('outer'); 
outer.onclick = function(event) 
    { 
     alert('outer'); 
     event.stopPropagation(); 
    }​​ 
    var inner = document.getElementById('inner'); 
inner.onclick = function(event) 
    { 
     alert('inner'); 
     event.stopPropagation(); 
    } 

http://jsfiddle.net/DYykA/1/

Answer 2

Sie müssen stop the propagation auf dem Kind, so dass die Veranstaltung Blase nicht auf den Elternteil.

$("#inner").on("click", function(e){ 
    e.stopPropagation(); 
}); 

Answer 3

Verwendung event.stopPropogation(); zu sprudelnden Veranstaltungs