[SOLUCIONADO] Evento click sin heredar

[cesa_r]

Tengo una funcion que se ejecuta al hacer click en un div que asu vez tiene varios div hijos resulta que si doy click en los div hijos tambien me ejecuta la funcion.

Código:

$(document).on('click', '#divPadre', function() {
	//Codigo
});

html:

Código HTML:

<div id="divPadre">
   <div id="divHijo">
        //Otros div hijos
   </div>
</div> 

Agradeceria si me pudieran ayudar.

[PHPeros]

Tendrás que cancelar la propagación del evento.

Saludos

[cesa_r]

Veras no me funciona no se como aplicarlo

var idOverlay = document.getElementById('divPadre');
idOverlay.addEventListener('click', function(){
$('#divPadre').remove();
}, true);

en que estoy mal?

[cesa_r]

cabe destacar que sin evento on no funciona ya que el div padre es agregado dinamicamente como combinarlo con la opcion que propones.

[marlanga]

http://jsfiddle.net/SHVxM/

Código HTML:

<ul id="lista">Hola
    <li>Uno</li>
    <li>dos</li>
</ul>
 

Código Javascript:

$("#lista").on("click",function(ev){
    if(ev.target != this) return false;
    alert("ok");
});
 

if(ev.target != this) return false; es el secreto.

[cesa_r]

Gracias marlanga me a ido de maravilla.

[andresbetancourt]

muy bueno, justo lo que buscaba