jquery onclick que penetra en el elemento principal

Question

¿Cómo puedo detener onclick para que un elemento interno también haga clic en su elemento primario.

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

Si el segundo div (id = "2") es visible en la parte superior de la primera, y se hace clic en, recibirá alertas ambos 1 & 2.

Como puedo evitar esto por lo Solo recibo la alerta de lo que estoy (visiblemente) haciendo clic en, Sin deshabilitar por completo cualquier función onclick que pueda tener el div externo.

Ejemplo: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

Es necesario stop the propagation en el niño, por lo que el evento no se suben a la matriz.

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

Answer 3

uso event.stopPropogation(); para evitar burbujeo del evento