Autor Tema: JavaScript Manejador control eventos addEventListener concepto bubbling CU01158E  (Leído 1795 veces)

Pepote21

  • Principiante
  • **
  • APR2.COM
  • Mensajes: 92
    • Ver Perfil
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>
« Última modificación: 27 de Junio 2017, 18:40 por Ogramar »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Pepote21, todo correcto

Salu2

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".