Usuario:ManuelRomero/JavaScript/eventos/conceptosGenerales

LENGUAJE JAVASCRIPT: JavaScript un lenguaje de programación web

Programación web al lado del cliente

JavaScript Un lenguaje de script en el cliente

Conceptos generales | Ejemplos  | volver

Qué es un evento

• Los eventos son acciones que ocurren en la página web y que se pueden detectar y reaccionar ante ellos
• La forma de identificar el evento son las propiedades de las etiquetas, tag o nodos
• La forma de reaccionar ante ellas es asociar a estos atributos código javascript

• No vamos a entrar a trabajar en profundidad este tema, simplemente comentar que el evento además de ser una acción en sí mismo puede ser un objeto a tratar, un objeto de la clase window

Clasificación de eventos

• Vamos a clasificar de diferentes modos
• En un primer nivel vamos a hablar de dos tipos de eventos

1. Eventos que el usuario de la aplicación va a producir (p.e. Hacer un click en el ratón)
2. Eventos que ocurren en la página y que el usuario no genera de forma directa (p.e. Cargar la página).

• Esta forma de clasificarlo simplemente es para ver que podemos hacer cosas independientemente de la acción explícita del usuario

Principales eventos

• Con html5 han aparecido muchos mas eventos que se pueden capturar: Lista de eventos

</div>

• Eventos habituales en el body:

onload			Esperando a que la página se cargue por completo
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 
onClick                 Al hacer clic con el ratón

• 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

*Eventos del teclado
onkeypress
onkeyup
onkeydown