🛎️ Tiny 2.1Kb event listeners manager.
npm i eventt.js --save<script src="https://unpkg.com/[email protected]/dist/eventt.js"></script>import Eventt from 'eventt.js'
// create events instance/group
const eventt = Eventt()
// addEventListener
eventt.listen("click", "#id", () => { /* callback */ })
eventt.listen("resize", window, () => { /* callback */ })
eventt.listen(["click", "resize"], ["#id", ".selector"], () => { /* callback */ }, { /* opts */ })
eventt.listen("resize", window, () => { /* callback */ }, { uid: 'group-id' })
// getEventListeners
eventt.list(".selector", (events) => { /* first argument = events array */ })
// dispatchEvent
eventt.trigger("click", "*")
eventt.trigger("*", ["#id", ".selector"])
eventt.trigger("resize", window, 'group-id')
// removeEventListener
eventt.unlisten("click", "*")
eventt.unlisten("*", ".selector")
eventt.unlisten("*", window, 'group-id')It is possible to pass different options to the Event({ /* options here */ }) instance:
| Option | Type | Default | Description |
|---|---|---|---|
intercept |
boolean | false |
If set to true, all the native .addEventListener() and .removeEventListener() calls will be intercepted and transformed into .listen() and .unlisten(). This can be particularly useful in case you want to implement Eventt.js into an already existing project, without having to update your existing code. |
debug |
boolean | false |
If set to true, every action performed will output debugging information into the console. |
Fully supported by Evergreen Browsers (Edge, Opera, Safari, Firefox & Chrome) and IE 10+ browsers.
For older browsers support like IE9, you may need to include the following Polyfill library on your site:
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>npm run watch
npm run testMIT © 2017 Sylvain Simao