Español
El evento solo se activa en el nodo principal pero no en el nodo secundario.
Preste atención a la diferencia entre event.srcElement: e.target en navegadores como IE y Firefox
Haga clic para ejecutar el siguiente código:
Ejecute la demostración <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Solo en el nivel principal Los eventos desencadenados en div no se activan en divs secundarios</title> <style type="text/css"> div{background:#eee;margin:20px auto;border:1px solid #ccc;} div div{background:# fff;margin:40px;} #ctnr{ancho:500px;} #hd{altura:300px;} #bd{altura:200px;} </estilo> </cabeza> <cuerpo> <div id="ctnr"> ctnr Este contenedor div contiene dos divs, <br />pero no se permite que la acción ocurra en el div secundario que contiene y solo se activa en el div principal. <div id="hd">hd no se activa aquí</div> <div id="bd">bd no se activa aquí</div> La acción solo se activa en el espacio en blanco</div> <tipo de script =" text/javascript"> <!-- function initDrag(e) { var oDragHandle = document.getElementById&&document.all ? event.srcElement : e.target; if(oDragHandle.id == "ctnr"){alert(oDragHandle. id + " hecho clic.");} } document.onclick=initDrag; //--> </script> </body> </html>
