Allows HTML elements to be passed in the constructor - Fixes #25

package.json

@@ -24,7 +24,7 @@
   "dependencies": {
     "babelify": "^6.3.0",
     "browserify": "^11.2.0",
-    "delegate": "^1.0.0",
+    "good-listener": "^1.1.0",
     "select": "^1.0.0",
     "tiny-emitter": "^1.0.0"
   },

src/clipboard.js

@@ -1,21 +1,21 @@
 import ClipboardAction from './clipboard-action';
-import Delegate from 'delegate';
 import Emitter from 'tiny-emitter';
+import listen from 'good-listener';
 
 /**
- * Base class which takes a selector, delegates a click event to it,
+ * Base class which takes one or more elements, adds event listeners to them,
  * and instantiates a new `ClipboardAction` on each click.
  */
 class Clipboard extends Emitter {
     /**
-     * @param {String} selector
+     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
      * @param {Object} options
      */
-    constructor(selector, options) {
+    constructor(trigger, options) {
         super();
 
         this.resolveOptions(options);
-        this.delegateClick(selector);
+        this.listenClick(trigger);
     }
 
     /**
@@ -30,19 +30,11 @@ class Clipboard extends Emitter {
     }
 
     /**
-     * Delegates a click event on the passed selector.
-     * @param {String} selector
+     * Adds a click event listener to the passed trigger.
+     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
      */
-    delegateClick(selector) {
-        this.binding = Delegate.bind(document.body, selector, 'click', (e) => this.onClick(e));
-    }
-
-    /**
-     * Undelegates a click event on body.
-     * @param {String} selector
-     */
-    undelegateClick() {
-        Delegate.unbind(document.body, 'click', this.binding);
+    listenClick(trigger) {
+        this.listener = listen(trigger, 'click', (e) => this.onClick(e));
     }
 
     /**
@@ -55,10 +47,10 @@ class Clipboard extends Emitter {
         }
 
         this.clipboardAction = new ClipboardAction({
-            action  : this.action(e.delegateTarget),
-            target  : this.target(e.delegateTarget),
-            text    : this.text(e.delegateTarget),
-            trigger : e.delegateTarget,
+            action  : this.action(e.target),
+            target  : this.target(e.target),
+            text    : this.text(e.target),
+            trigger : e.target,
             emitter : this
         });
     }
@@ -95,7 +87,7 @@ class Clipboard extends Emitter {
      * Destroy lifecycle.
      */
     destroy() {
-        this.undelegateClick();
+        this.listener.destroy();
 
         if (this.clipboardAction) {
             this.clipboardAction.destroy();

test/clipboard.js

@@ -1,6 +1,6 @@
 import Clipboard from '../src/clipboard';
 import ClipboardAction from '../src/clipboard-action';
-import Delegate from 'delegate';
+import listen from 'good-listener';
 
 describe('Clipboard', () => {
     before(() => {
@@ -10,7 +10,7 @@ describe('Clipboard', () => {
         document.body.appendChild(global.button);
 
         global.event = {
-            delegateTarget: global.button
+            target: global.button
         };
     });
 
@@ -48,45 +48,10 @@ describe('Clipboard', () => {
         });
     });
 
-    describe('#delegateClick', () => {
-        before(() => {
-            global.spy = sinon.spy(Delegate, 'bind');
-        });
-
-        after(() => {
-            global.spy.restore();
-        });
-
-        it('should delegate a click event to the passed selector', () => {
-            let element = document.body;
-            let selector = '.btn';
-            let event = 'click';
-
-            let clipboard = new Clipboard(selector);
-
-            assert.ok(global.spy.calledOnce);
-            assert.ok(global.spy.calledWith(element, selector, event));
-        });
-    });
-
-    describe('#undelegateClick', () => {
-        before(() => {
-            global.spy = sinon.spy(Delegate, 'unbind');
-        });
-
-        after(() => {
-            global.spy.restore();
-        });
-
-        it('should undelegate a click event', () => {
-            let element = document.body;
-            let event = 'click';
-
+    describe('#listenClick', () => {
+        it('should add a click event listener to the passed selector', () => {
             let clipboard = new Clipboard('.btn');
-            clipboard.undelegateClick();
-
-            assert.ok(global.spy.calledOnce);
-            assert.ok(global.spy.calledWith(element, event));
+            assert.isObject(clipboard.listener);
         });
     });
 
@@ -105,6 +70,7 @@ describe('Clipboard', () => {
                         return null;
                     }
                 });
+
                 clipboard.onClick(global.event);
             }
             catch(e) {