Hemos aprendido a ejecutar código JavaScript, pero ¿cómo hacemos para que nuestro código responda a las acciones del usuario?
Eventos y manejadores de eventos
- Imaginemos que queremos hacer algo cuando el usuario hace clic (clic es un evento).
- Tendremos que escribir, con código JavaScript, algo así: "Cuando el usuario haga clic en este enlace haz lo siguiente".
- Tendremos, por tanto, que manejar ese evento. En este caso, como el evento es clic, lo haremos con el manejador de eventos "onclick".
Un ejemplo:
<script>
function miFuncionDeEjemplo(){
alert("Has hecho clic");
}
</script>
<a href="http://www.google.com" onclick="miFuncionDeEjemplo()">Google</a>
Otro:
<script>
function pedirConfirmacion(){
if ( confirm("¿Abrir el enlace?") ) {
return true;
} else {
return false;
}
}
</script>
<a href="http://www.google.com" onclick="return pedirConfirmacion()">Google</a>
En la página siguiente conoceremos los principales manejadores de eventos.