Usuario:ManuelRomero/JavaScript/eventos/conceptosGenerales

De WikiEducator
< Usuario:ManuelRomero‎ | JavaScript‎ | eventos
Revisión a fecha de 01:00 15 mar 2016; ManuelRomero (Discusión | contribuciones)

(dif) ← Revisión anterior | Revisión actual (dif) | Revisión siguiente → (dif)
Saltar a: navegación, buscar



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

Java evento1.jpg.png

  • 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