This small module aims to simplify the binding and unbinding of event listeners by creating distinct event caches.
npm install eventcacheAn event support system written in JavaScript. This small module aims to simplify the binding
and unbinding of event listeners by creating distinct event caches.
The system tries to use the "addEventListener" style of binding listeners and can
therefore be used wherever this pattern applies. It falls back to "attachEvent" and "on+event" as a last resort.
This module can be used directly in the browser:
``html`
You can also install it with npm.
`sh`
$ npm install eventcache
`javascript
import * as EventCache from "eventcache";
var myCache, signature;
// A custom listener function.
function listener() {}
// Create an event listener and store it in the default cache.
EventCache.bind(window, "load", listener);
// Create your own event cache.
myCache = EventCache.createCache();
// Create an event listener and store it in the specified cache.
signature = EventCache.bind(window, "load", listener, myCache);
// Unbinds the listener and removes it from its cache.
EventCache.unbind(signature);
// Flushes your cache.
EventCache.flush(myCache);
// Flushes the default cache.
// Listeners inside the default cache are supposed to live long, though!
EventCache.flush(0);
// Flushes all caches and deletes them. (The default one always remains).
EventCache.flush();
`
In order to prevent event listener memory leaks in certain browsers,
you can just include the following line in your code:
`javascript``
EventCache.bind(window, "unload", EventCache.flush);