mirror of https://gitee.com/la-vie/console-pro-free.git synced 2024-12-25 11:19:12 +00:00

History

la vie est belle 620637fd28 first commit		2023-11-01 10:27:59 +08:00
..
demo	first commit	2023-11-01 10:27:59 +08:00
dist	first commit	2023-11-01 10:27:59 +08:00
src	first commit	2023-11-01 10:27:59 +08:00
test	first commit	2023-11-01 10:27:59 +08:00
.editorconfig	first commit	2023-11-01 10:27:59 +08:00
.travis.yml	first commit	2023-11-01 10:27:59 +08:00
karma.conf.js	first commit	2023-11-01 10:27:59 +08:00
package.json	first commit	2023-11-01 10:27:59 +08:00
readme.md	first commit	2023-11-01 10:27:59 +08:00

readme.md

delegate

Lightweight event delegation.

Install

You can get it on npm.

npm install delegate --save

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

Setup

Node (Browserify)

var delegate = require('delegate');

Browser (Standalone)

<script src="dist/delegate.js"></script>

Usage

Add event delegation

With the default base (`document`)

delegate('.btn', 'click', function(e) {
    console.log(e.delegateTarget);
}, false);

With an element as base

delegate(document.body, '.btn', 'click', function(e) {
    console.log(e.delegateTarget);
}, false);

With a selector (of existing elements) as base

delegate('.container', '.btn', 'click', function(e) {
    console.log(e.delegateTarget);
}, false);

With an array/array-like of elements as base

delegate(document.querySelectorAll('.container'), '.btn', 'click', function(e) {
    console.log(e.delegateTarget);
}, false);

Remove event delegation

With a single base element (default or specified)

var delegation = delegate(document.body, '.btn', 'click', function(e) {
    console.log(e.delegateTarget);
}, false);

delegation.destroy();

With multiple elements (via selector or array)

Note: selectors are always treated as multiple elements, even if one or none are matched. delegate() will return an array.

var delegations = delegate('.container', '.btn', 'click', function(e) {
    console.log(e.delegateTarget);
}, false);

delegations.forEach(function (delegation) {
    delegation.destroy();
});

Browser Support


Latest ✔	Latest ✔	Latest ✔	9+ ✔	Latest ✔	Latest ✔