Turn off events.

src/$.js

@@ -1,51 +1,81 @@
 /*globals Element:true, NodeList:true*/
-$ = (function (document, $) {
-  var element = Element.prototype,
-      nodeList = NodeList.prototype,
-      forEach = 'forEach',
-      trigger = 'trigger',
-      each = [][forEach],
-      dummy = document.createElement();
-
-  nodeList[forEach] = each;
-
-  element.on = function (event, fn) {
-    this.addEventListener(event, fn, false);
-    return this;
-  };
-
-  nodeList.on = function (event, fn) {
-    each.call(this, function (el) {
-      el.on(event, fn);
-    });
-    return this;
-  };
-
-  element.trigger = function (type, data) {
-    var event = document.createEvent('HTMLEvents');
-    event.initEvent(type, true, true);
-    event.data = data || {};
-    event.eventName = type;
-    event.target = this;
-    this.dispatchEvent(event);
-    return this;
-  };
-
-  nodeList.trigger = function (event) {
-    each.call(this, function (el) {
-      el[trigger](event);
-    });
-    return this;
-  };
-
-  $ = function (s) {
-    var r = document.querySelectorAll(s || '☺'),
-        length = r.length;
-    return length == 1 ? r[0] : !length ? nodeList : r;
-  };
-
-  $.on = element.on.bind(dummy);
-  $.trigger = element[trigger].bind(dummy);
-
-  return $;
+$ = (function(document, $) {
+    var element = Element.prototype,
+        nodeList = NodeList.prototype,
+        forEach = 'forEach',
+        trigger = 'trigger',
+        each = [][forEach],
+        dummy = document.createElement();
+
+    nodeList[forEach] = each;
+
+    element.on = function(event, fn) {
+        if (!this.handlers) {
+            this.handlers = []
+        }
+        this.addEventListener(event, fn, false);
+        this.handlers.push(fn);
+        return this;
+    };
+
+    element.off = function(event, fn) {
+        if (!fn) {
+            this.handlers[forEach](function(handler) {
+                this.removeEventListener(event, handler, false);
+            }.bind(this));
+        }else {
+            this.removeEventListener(event, fn, false);
+        }
+        return this;
+    };
+
+    nodeList.on = function(event, fn) {
+        each.call(this, function(el) {
+            el.on(event, fn);
+            this.handlers.push(fn);
+        });
+        return this;
+    };
+
+    nodeList.off = function(event, fn) {
+        if(!fn) {
+            this.handlers[forEach](function(handler) {
+                this.off(event, handler, false);
+            }.bind(this)); 
+        }else {
+            each.call(this, function(el) {
+                el.off(event, fn);
+            });
+        }
+        return this;
+    };
+
+    element.trigger = function(type, data) {
+        var event = document.createEvent('HTMLEvents');
+        event.initEvent(type, true, true);
+        event.data = data || {};
+        event.eventName = type;
+        event.target = this;
+        this.dispatchEvent(event);
+        return this;
+    };
+
+    nodeList.trigger = function(event) {
+        each.call(this, function(el) {
+            el[trigger](event);
+        });
+        return this;
+    };
+
+    $ = function(s) {
+        var r = document.querySelectorAll(s || '☺'),
+            length = r.length;
+        return length == 1 ? r[0] : !length ? nodeList : r;
+    };
+
+    $.on = element.on.bind(dummy);
+    $.off = element.off.bind(dummy);
+    $.trigger = element[trigger].bind(dummy);
+
+    return $;
 })(document);