This library provides a simplified implementation of the two interfaces Event and EventTarget. The included base classes can be used to create synthetic events and custom event targets in any environment.
If your focus lies on DOM events, please refer to the native CustomEvent class. An alternative way to create custom event targets in a browser environment is to use a DocumentFragment as a dummy target.
npm install synthetic-event
import { Event, EventTarget } from "synthetic-event";
const eventTarget = new EventTarget();
eventTarget.addEventListener("test", (event) => {
console.log("listener function", event.target);
});
eventTarget.addEventListener("test", {
handleEvent(event) {
console.log("listener object", event.target);
}
});
eventTarget.dispatchEvent(new Event("test"));
import { Event } from "synthetic-event";
export class MyEvent extends Event {
constructor(type) {
super(type);
this.myData = null;
}
}
import { Event, EventTarget } from "synthetic-event";
export class MyEventTarget extends EventTarget {
constructor() {
super();
this.myEvent = new Event("tick");
setInterval(() => this.dispatchEvent(this.myEvent), 1000);
}
}
Maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.