❤
npm
Sign UpSign In

dom-event-utils
TypeScript icon, indicating that this package has built-in type declarations

1.1.0 • Public • Published

dom-event-utils

Very small library that makes working with DOM event emitters API a little easier to work with. These are all common utilities that I find myself reaching for, regardless of the framework I'm in.

Methods

eventToPromise - convert an event to a promise that resolves once it's called. For example:

import { eventToPromise } from 'dom-event-utils';
 
function createPopup() {
  const popup = window.open('/my-popup');
  return eventToPromise(popup, 'load', () => {
    // do stuff here
    return popup;
  }, 10000); //timeout is optional. If reached, it'll reject the promise
}

on - just like addEventListener, but returns an unsubscribe function.

import { on } from 'dom-event-utils';
 
const off = on(document.querySelector('.btn'), 'click', () => { /* click handler */ });
//...later, somewhere else...
off();

once - only called once and then unsubscribed from the event source

import { once } from 'event-utils';
 
once(document, 'DOMContentLoaded', () => {
  //...do things here
});

Dependencies (0)

    Dev Dependencies (5)

    Package Sidebar

    Install

    npm i dom-event-utils

    Weekly Downloads

    1

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    13.4 kB

    Total Files

    6

    Last publish

    Collaborators

    • cameronnokes
    Try on RunKit
    Report malware