JS – Emitir eventos con EventTarget

Publicado por Iván Gajate el 4 de diciembre de 2020 en Desarrollo Web, Eventos, JavaScript

Con esta API relativamente nueva de JavaScript podemos hacer que nuestros propios objetos emitan eventos como lo haría un elemento nativo del DOM.

La definición es un poco escueta, pero es que es tan simple de usar que parece mentira ;p

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget

// MyClass.js
class MyClass extends EventTarget {
    myMethod() {
        this.dispatchEvent(new CustomEvent('my-custom-event', {
            detail: 'Contenido que se envía en el evento'
        }));
    }
}

// Para usarlo
const myObject = new MyClass();
myObject.addEventListener('my-custom-event', (event) => {
    console.log(event); // Evento completo con el detail
});

 

Los comentarios están cerrados.