Ir directamente al contenido de esta página
A diferencia de los ejemplos anteriores, no he empleado en el marcado ningún onclick
.
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.
(cc) CodexExempla.org, 2007–2024 Mapa del sitio | XHTML | CSS | AA