• 21/11/2013
  • admin
  • 1
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);
    1.  
    1. function mensaje() {
    1.  
    1. alert(«Hola, página cargada!»);
    1.  
    1. }
Ahora si no quieres colocar un nombre a tu función podrías usar
    1. addEvent(window, «load», function () {
    1.  
    1. alert(«Hola, página cargada!»);
    1.  
    1. });
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.

1 comment on “Los eventos en JavaScript

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies