@dkh-dev/simple-event v1.0.2

Simple Event

A simple polyfill for Event and EventTarget.

Installation

npm i @dkh-dev/simple-event

Examples

Example 1

const {SimpleEvent, SimpleEventTarget} = require('@dkh-dev/simple-event');

const target = new SimpleEventTarget();
target.addEventListener('test', function (event) {
    console.log('event.type', event.type);
    console.log('event.target', event.target);
    console.log('this', this);
});

const event = new SimpleEvent('test');
target.dispatchEvent(event); /* => "event.type" "test"
                                   "event.target" SimpleEventTarget { ... }
                                   "this" SimpleEventTarget { ... } */

Example 2

const {Event, EventTarget} = require('@dkh-dev/simple-event');

const target = new EventTarget();
console.log(target); // => SimpleEventTarget { ... }

const event = new Event();
console.log(event); // => SimpleEvent { ... }

Example 3

const {SimpleEvent, SimpleEventTarget} = require('@dkh-dev/simple-event');

class Phone extends SimpleEventTarget {
    constructor(name) {
        super();

        this.name = name;
        this.unlocked = false;
    }

    unlock() {
        this.unlocked = true;

        const event = new SimpleEvent('unlocked');
        this.dispatchEvent(event);

        return this;
    }
}

const phone = new Phone("Mom's phone");

// Mom's setting
phone.addEventListener('unlocked', () => {
    console.warn('Is that you, kid?');
});

// When 'someone' unlocks the phone
phone.unlock(); // => "Is that you, kid?"