kubernetes-handbook/node_modules/good-listener
Jimmy Song c6db5e8fef
add node modules
2021-04-13 00:24:28 +08:00
..
demo add node modules 2021-04-13 00:24:28 +08:00
dist add node modules 2021-04-13 00:24:28 +08:00
src add node modules 2021-04-13 00:24:28 +08:00
test add node modules 2021-04-13 00:24:28 +08:00
.editorconfig add node modules 2021-04-13 00:24:28 +08:00
.npmignore add node modules 2021-04-13 00:24:28 +08:00
.travis.yml add node modules 2021-04-13 00:24:28 +08:00
bower.json add node modules 2021-04-13 00:24:28 +08:00
karma.conf.js add node modules 2021-04-13 00:24:28 +08:00
package.json add node modules 2021-04-13 00:24:28 +08:00
readme.md add node modules 2021-04-13 00:24:28 +08:00

readme.md

good-listener

Build Status

A more versatile way of adding & removing event listeners.

good listener

Install

You can get it on npm.

npm install good-listener --save

Or bower, too.

bower install good-listener --save

If you're not into package management, just download a ZIP file.

Setup

Node (Browserify)
var listen = require('good-listener');
Browser (Standalone)
<script src="dist/good-listener.js"></script>

Usage

Add an event listener

By passing a string selector (see full demo).

listen('.btn', 'click', function(e) {
    console.log(e);
});

Or by passing a HTML element (see full demo).

var logo = document.getElementById('logo');

listen(logo, 'click', function(e) {
    console.log(e);
});

Or by passing a list of HTML elements (see full demo).

var anchors = document.querySelectorAll('a');

listen(anchors, 'click', function(e) {
    console.log(e);
});

Remove an event listener

By calling the destroy function that returned from previous operation (see full demo).

var listener = listen('.btn', 'click', function(e) {
    console.log(e);
});

listener.destroy();

Browser Support

Chrome logo Edge logo Firefox logo Internet Explorer logo Opera logo Safari logo
Latest ✔ Latest ✔ Latest ✔ 9+ ✔ Latest ✔ Latest ✔

License

MIT License © Zeno Rocha