Curso de JavaScript
De WikiEducator
Saltar a: navegación, buscar
javaScript
Tutorial para desarrollar en Web mediante JavaScript
Eventos
Introducción
- Todos los elementos de una página tienen asociados eventos que pueden disparar funciones de JavaScript.
- Hay eventos asociados a la ventana (etiqueta <body>), a los formularios, al ratón, al teclado y a multimedia.
- Aumento considerable de los eventos con html5
- Lista de eventos
- Eventos habituales en el body:
onload Cuando el usuario entra a la página onUnload Cuando el usuario abandona la página
- Eventos habituales sobre distintas etiquetas, para animaciones:
onMouseOver Cuando el ratón está sobre el elemento onMouseOut Cuando el ratón se mueve fuera del elemento
- Eventos de formularios
onFocus Un elemento coge el foco onBlur Un elemento pierde el foco onChange Un elemento cambia onSubmit Para validar los campos de un formulario antes de enviarlos
...
Ejemplo de evento
<html> <head> <script type="text/javascript"> var txt="" function mensaje() { try { adddlert("¡Bienvenido a mi página!"); } catch(err) { txt="Ha habido un error en esta página.\n\n"; txt+="Error: " + err.description + "\n\n"; txt+="Click OK para continuar.\n\n"; alert(txt); } } </script> </head> <body> <input type="button" value="Ver mensaje" onclick="mensaje()" /> </body> </html>
