Ir directamente al contenido de esta página

codexexempla.org

A diferencia de los ejemplos anteriores, no he empleado en el marcado ningún onclick.

Otro ejemplo del uso de addEventListener, añadiendo removeEventListener

Este ejemplo no funciona en Internet Explorer, por motivos que veremos de vuelta al curso.

Este ejemplo es igual al anterior, salvo que ahora tengo dos div interactivos. El primero lanzará la alerta siempre que se haga clic sobre él:

Haga clic en este elemento para lanzar la alerta

mientras que el segundo sólo la primera vez:

Haga clic en este elemento para lanzar la alerta
(sólo funcionará una vez)

Las funciones de alerta que vinculo a cada zona son iguales, salvo que la del segundo div cuenta con una línea extra, document.getElementById('zona-interactiva-2').removeEventListener('click',alerta_2,false);. Así, una vez que se ha lanzado la alerta por vez primera, elimino la escucha.

Volver al curso

(cc) CodexExempla.org, 2007–2021 Mapa del sitio | XHTML | CSS | AA