como desactivar onclick de la capa que esta debajo.

[devtorres]

por ejm, teniendo el código sgte.

Código:

//codigo jscript
function msg(){
  alert("msg");
}

Código HTML:

<div style="position:absolute; width: 190px; height: 111px; left: 201px; top: 45px; background-color:#F2F2EE" onclick="msg()">
  padre
  <div style="position:absolute; left: 46px; top: 50px; width: 52px; height: 30px; background-color:#CCCCCC"  onclick="msg()">
    hijo	
  </div>
</div> 

aquí se ejecuta 2 veces el evento onclick que llama a msg(), tanto de la capa hija y la capa padre haciendo un solo click en la capa hija.
el html es necesario que este de la manera que lo describo.
com puedo hacer para que se ejecute solo una vez?

[sergiold]

Cambia la función que tienes por lo siguiente:

Código HTML:

function msg(e){
	if(!e)e=window.event
	e.cancelBubble=true;
	if(e.stopPropagation) e.stopPropagation();
             alert("msg");
}

Con lo anterios deberia funcionarte (a mi me funciona). Para más información te recomiendo que te leas el siguiente manual:

http://kusor.net/traducciones/brainj...vents1.es.html

Trata sobre los eventos y aparece este efecto de propagación que a veces resulta bastante molesto.

Saludos,

[devtorres]

gracias sergiold.