Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Pepote21 en 13 de Junio 2017, 17:36

Título: JavaScript Manejador control eventos addEventListener concepto bubbling CU01158E
Publicado por: Pepote21 en 13 de Junio 2017, 17:36
Hola a todos. Os paso mi código del ejercicio resuelto CU01158E del tutorial de fundamentos de programación web con JavaScript usando Notepad++ como editor.

Gracias. Un saludo

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title>Ejercicio  aprenderaprogramar.com</title>
        <meta charset="utf-8">
        <style type="text/css">
           
        </style>
        <script type="text/javascript">   
            window.onload=function(){    
    var nodoGeneral=document.querySelectorAll('p,div');    
for(var i=0;i<nodoGeneral.length;i++){
    nodoGeneral[i].addEventListener('click',estado);
}
document.addEventListener('click',estado);
window.addEventListener('click',estado);

    function estado(){
        alert('Soy un nodo tipo '+this.nodeName+' y estoy burbujeando');
}
}
        </script>
    </head>
    <body>
        <div id="principal" >
    <div id="secundario">
    <div id="terciario">
    <p>Ejemplo de bubbling</p>
</div>
</div>
</div> 
    </body>
</html>
Título: Re:JavaScript Manejador control eventos addEventListener concepto bubbling CU01158E
Publicado por: Ogramar en 27 de Junio 2017, 18:44
Buenas Pepote21, todo correcto

Salu2