Descripción
El interface Event describe los atributos y métodos que compone cualquier evento que pueda ser lanzado en el DOM de nuestra página.
Los eventos se van lanzando cuando el usuario interactua con la página, desde que la página se carga, o pulsa sobre un botón o intenta imprimir la página. O bien de forma programática podemos lanzarlos mediante código Javascript.
Sintaxis
Event
Constructores
Propiedades
- bubbles
- cancelable
- composed
- currentTarget
- defaultPrevented
- eventPhase
- isTrusted
- target
- timeStamp
- type
Métodos
Eventos
- N/A
Ejemplo
const saludo = document.getElementById("saludo");
const boton = document.getElementById("miboton");
class EventManager {
mensaje;
constructor(mensaje){
this.mensaje = mensaje;
}
handleEvent (ev) {
console.log(ev.type);
if (ev.type=="click")
this.mensaje.innerHTML = "Me has pulsado";
if (ev.type=="mouseover")
this.mensaje.innerHTML = "Has pasado sobre mí";
}
}
const eventManager = new EventManager(saludo);
boton.addEventListener("click",eventManager);
boton.addEventListener("mouseover",eventManager);