fix: add a new event handler when a new one is present when diffing e…

…vent listeners

dist/moon.js

@@ -323,33 +323,35 @@
       return attrs;
     }
 
+
     /**
-     * Adds metadata Event Listeners to an Element
+     * Adds An Event Handler to a Type of Listener
      * @param {Object} node
+     * @param {String} type
      * @param {Object} eventListeners
      */
-    var addEventListeners = function(node, eventListeners) {
-      var addHandler = function(type) {
-        // Create handle function
-        var handle = function(evt) {
-          var handlers = handle.handlers;
-          for(var i = 0; i < handlers.length; i++) {
-            handlers[i](evt);
-          }
+    var addEventHandler = function(node, type, eventListeners) {
+      // Create handle function
+      var handle = function(evt) {
+        var handlers = handle.handlers;
+        for(var i = 0; i < handlers.length; i++) {
+          handlers[i](evt);
         }
+      }
 
-        // Add handlers to handle
-        handle.handlers = eventListeners[type];
+      // Add handlers to handle
+      handle.handlers = eventListeners[type];
 
-        // Add handler to vnode
-        eventListeners[type] = handle;
+      // Add handler to vnode
+      eventListeners[type] = handle;
 
-        // Add event listener
-        node.addEventListener(type, handle);
-      }
+      // Add event listener
+      node.addEventListener(type, handle);
+    }
 
+    var addEventListeners = function(node, eventListeners) {
       for(var type in eventListeners) {
-        addHandler(type);
+        addEventHandler(node, type, eventListeners);
       }
     }
 
@@ -706,7 +708,7 @@
       for(var type in eventListeners) {
         var oldEventListener = oldEventListeners[type];
         if(oldEventListener === undefined) {
-          node.removeEventListener(type, oldEventListener);
+          addEventHandler(node, type, eventListeners);
         } else {
           oldEventListeners[type].handlers = eventListeners[type];
         }

src/util/dom.js

@@ -11,33 +11,35 @@ const extractAttrs = function(node) {
   return attrs;
 }
 
+
 /**
- * Adds metadata Event Listeners to an Element
+ * Adds An Event Handler to a Type of Listener
  * @param {Object} node
+ * @param {String} type
  * @param {Object} eventListeners
  */
-const addEventListeners = function(node, eventListeners) {
-  const addHandler = function(type) {
-    // Create handle function
-    const handle = function(evt) {
-      const handlers = handle.handlers;
-      for(let i = 0; i < handlers.length; i++) {
-        handlers[i](evt);
-      }
+const addEventHandler = function(node, type, eventListeners) {
+  // Create handle function
+  const handle = function(evt) {
+    const handlers = handle.handlers;
+    for(let i = 0; i < handlers.length; i++) {
+      handlers[i](evt);
     }
+  }
 
-    // Add handlers to handle
-    handle.handlers = eventListeners[type];
+  // Add handlers to handle
+  handle.handlers = eventListeners[type];
 
-    // Add handler to vnode
-    eventListeners[type] = handle;
+  // Add handler to vnode
+  eventListeners[type] = handle;
 
-    // Add event listener
-    node.addEventListener(type, handle);
-  }
+  // Add event listener
+  node.addEventListener(type, handle);
+}
 
+const addEventListeners = function(node, eventListeners) {
   for(let type in eventListeners) {
-    addHandler(type);
+    addEventHandler(node, type, eventListeners);
   }
 }
 

src/util/vdom.js

@@ -247,7 +247,7 @@ const diffEventListeners = function(node, eventListeners, oldEventListeners) {
   for(const type in eventListeners) {
     const oldEventListener = oldEventListeners[type];
     if(oldEventListener === undefined) {
-      node.removeEventListener(type, oldEventListener);
+      addEventHandler(node, type, eventListeners);
     } else {
       oldEventListeners[type].handlers = eventListeners[type];
     }