Do not send the 'input' event when the maskedvalue is the same as the…

… unmasked value

Fixes #2

dist/directive.js

@@ -47,11 +47,11 @@ function getConfig(binding) {
 }
 function run(el, eventName, config, vnode) {
     // Handle when initial value is not set
-    var val = el.value === 'undefined' ? '' : el.value;
+    var beforeValue = el.value === 'undefined' ? '' : el.value;
     var position = el.selectionEnd;
     // save the character just inserted
-    var digit = val[position - 1];
-    el.value = masker_1["default"](val, config.mask, config.masked, config.tokens);
+    var digit = beforeValue[position - 1];
+    el.value = masker_1["default"](beforeValue, config.mask, config.masked, config.tokens);
     // if the digit was changed, increment position until find the digit again
     while (position < el.value.length &&
         el.value.charAt(position - 1) !== digit) {
@@ -81,8 +81,10 @@ function run(el, eventName, config, vnode) {
             }
         }
     }
-    // Notify listeners
-    el.dispatchEvent(event(eventName));
+    // Notify listeners only if value changed (ie send an extra 'input' event)
+    if (beforeValue !== el.value) {
+        el.dispatchEvent(event(eventName));
+    }
 }
 // Vue.js directive hooks
 function bind(el, binding, vnode) {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@titou10/v-mask",
   "description": "mask directive for vue.js that exposes the unmasked value",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "author": "Denis Forveille <[email protected]>",
   "license": "MIT",
   "keywords": [

src/directive.ts

@@ -51,12 +51,12 @@ function getConfig(binding) {
 function run(el , eventName: string, config, vnode) {
 
   // Handle when initial value is not set
-  const val = el.value === 'undefined' ? '' : el.value;
+  const beforeValue = el.value === 'undefined' ? '' : el.value;
 
   let position = el.selectionEnd;
   // save the character just inserted
-  const digit = val[position - 1];
-  el.value = masker(val, config.mask, config.masked, config.tokens);
+  const digit = beforeValue[position - 1];
+  el.value = masker(beforeValue, config.mask, config.masked, config.tokens);
   // if the digit was changed, increment position until find the digit again
   while (position < el.value.length &&
         el.value.charAt(position - 1) !== digit) {
@@ -88,8 +88,10 @@ function run(el , eventName: string, config, vnode) {
     }
   }
 
-  // Notify listeners
-  el.dispatchEvent(event(eventName));
+  // Notify listeners only if value changed (ie send an extra 'input' event)
+  if (beforeValue !== el.value) {
+    el.dispatchEvent(event(eventName));
+  }
 }
 
 // Vue.js directive hooks