91 007 17 22 - 09:30 a 14:00 y de 16:00 a 21:00 horas.info@asociacionaepi.es

Los eventos en JavaScript

Posteado en: blog Iniciado por

Los eventos en JavaScript

El término evento suele referirse a una acción del usuario mediante la cual puede realizarse un proceso pero también entendemos que un evento ocurre cuando algún tipo de interacción se realiza en una página Web. Por ejemplo, cuando el usuario da click en nuestra página Web.
Nos encontramos con dos tipos de invocación de un evento, es decir, el primero de ellos es captura del evento y el segundo es la propagación del evento. Cuando hablamos de invocación por captura del evento decimos que el evento inicia con el elemento que está más afuera en el árbol DOM (Modelo de Objetos del Documento) el cual funciona entrando dentro del elemento HTML. Y en la propagación de eventos que es el segundo tipo de invocación este realiza un trabajo contrario a la captura de eventos en este caso inicia chocando si el elemento destino del evento tiene alguna asociación con un gestor de ese evento checando a los padres y los elementos, hasta que llega a alcanzar al elemento HTML.
Muchas de las veces JavaScript no tiene un comportamiento como deseamos ya que muchas de las personas deshabilitan JavaScript en los navegadores que tienen instalados en sus computadoras, los firewalls no permitiendo JavaScript, los antivirus, etc.
Podemos tomar como ejemplo el evento onload el cual pertenece al objeto Windows, este evento toma lugar cuando toda nuestra página web ha terminado de cargar, cuando ha finalizado de cargar se le llama Window.onload podríamos enviar un mensaje al usuario cuando la página termine de cargar por ejemplo:

  1. addEvent(window, "load", mensaje);

  2.  

  3. function mensaje() {

  4.  

  5. alert("Hola, página cargada!");

  6.  

  7. }


Ahora si no quieres colocar un nombre a tu función podrías usar

  1. addEvent(window, "load", function () {

  2.  

  3. alert("Hola, página cargada!");

  4.  

  5. });


Ahora bien, hay infinidad de eventos y  a continuación colocare los más comunes:
Onclick: Ejecutandose cuando se da click a un elemento del DOM.
Onmouseover: Ejecutandose cuando el puntero del mose pasa sobre un elemento Html.
Onmouseout: Ejecutandose cuando el puntero sale del area de un elemento del DOM.
Onload: Cuando todos los elementos de un sitio web son cargados entonces se ejecuta onload.
Onkeydown: Sucede cuando presionamos una tecla sin soltarla.
Onkeypress: se ejecuta cuando pulsamos una tecla.
Onfocus: se ejecuta cuando seleccionamos un elemento.
Onreset: Inicializa un formulario.
Onblur: Deselecciona el elemento.
Onclick: Al hacer doble click con el raton.
Onchange: Deselecciona un elemento que ha sido modificado.
Onresize: Cuando se ha modificado el tamaño de la ventana del navegador.
Onsubmit: Enviar formulario.
Onmouseup: Se ejecuta al soltar el raton.
La variable this en JavaScript
Esta variable se crea automáticamente y es empleada por muchos desarrolladores. This se utiliza para hacer referencia al elemento XHTML que ha provocado el evento.
image_pdfimage_print

1 Comentario

  1. Anonymous Reply

    Gran ayuda para los que estamos aprendiendo este lenguaje de programación.
    gracias y saludos, Juan

Leave a Reply

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar la experiencia de navegación y ofrecer contenidos y publicidad de interés. Al continuar con la navegación entendemos que se acepta nuestra política de privacidad y cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies