Nosy Pinocchio Manners

    @wazp/eventhandler

    0.1.0 • Public • Published

    EventHandler

    Quick and dirty Event Handler singleton that handles namespacing of events.

    At the moment it only handles native events

    Please note

    You will need to run through babel and possibly polyfill yourself, as we do not transpile this for you at all.

    How to use:

    import { EventHandler } from 'EventHandler'
    
    // works with NodeList, both with one and multiple elements
    const mySingleElement = document.querySelector(`#uniqueID`)
    const myMultipleElements = document.querySelectorAll(`.my-elements`)
    
    EventHandler.addListener(mySingleElement, `click.singleElements`, clickEvent)
    EventHandler.addListener(myMultipleElements, `click.multipleElements`, clickEvent)
    
    // also works with HTMLCollections
    const myId = document.getElementById(`#anotherUniqueID`)
    const myClasses = document.getElementsByClassName('.my-other-elements')
    
    EventHandler.addListener(myId, `click.myId`, clickEvent)
    EventHandler.addListener(myClasses, `click.myClasses`, clickEvent)
    
    // you can also send in a selector directly
    EventHandler.addListener(`#myId .classInside`, `click.mySelector`, clickEvent)

    todo

    • [ ] Make it work with custom events as well
    • [ ] Handle elements added to DOM at a later time

    Install

    npm i @wazp/eventhandler

    DownloadsWeekly Downloads

    1

    Version

    0.1.0

    License

    MIT

    Unpacked Size

    7.99 kB

    Total Files

    5

    Last publish

    Collaborators

    • wazp