jb-input - npm Package Compare versions

Comparing version 1.3.20 to 1.4.20

lib/JBInput.js

@@ -108,2 +108,4 @@ import { number } from 'prop-types';
         this.elements.input.addEventListener('change', this.onInputChange.bind(this));
+        this.elements.input.addEventListener('beforeinput', this.onInputBeforeInput.bind(this));
+        this.elements.input.addEventListener('input', this.onInputInput.bind(this));
         this.elements.input.addEventListener('keypress', this.onInputKeyPress.bind(this));
@@ -284,2 +286,38 @@ this.elements.input.addEventListener('keyup', this.onInputKeyup.bind(this));
     }
+    /**
+     * 
+     * @param {InputEvent} e 
+     */
+    onInputInput(e) {
+        const eventInitDict ={
+            bubbles:e.bubbles,
+            cancelable:e.cancelable,
+            composed:e.composed,
+            data:e.data,
+            isComposing:e.isComposing,
+            inputType:e.inputType,
+            dataTransfer:e.dataTransfer,
+            view:e.view,
+            detail:e.detail,
+            key:e.key,
+        };
+        const event = new InputEvent('input',eventInitDict);
+        this.dispatchEvent(event);
+    }
+    onInputBeforeInput(e) {
+        const eventInitDict ={
+            bubbles:e.bubbles,
+            cancelable:e.cancelable,
+            composed:e.composed,
+            data:e.data,
+            isComposing:e.isComposing,
+            inputType:e.inputType,
+            dataTransfer:e.dataTransfer,
+            view:e.view,
+            detail:e.detail,
+            key:e.key,
+        };
+        const event = new InputEvent('beforeinput',eventInitDict);
+        this.dispatchEvent(event);
+    }
     onInputChange(e) {
@@ -286,0 +324,0 @@ const inputText = e.target.value;

package.json

@@ -17,3 +17,3 @@ {
   ],
-  "version": "1.3.20",
+  "version": "1.4.20",
   "bugs": "https://github.com/javadbat/jb-input/issues",
@@ -20,0 +20,0 @@ "license": "MIT",

README.md

@@ -65,2 +65,4 @@ # jb-input
 document.getElementByTagName('jb-input').addEventListener('keypress',(event)=>{console.log(event.target.value)});
+document.getElementByTagName('jb-input').addEventListener('input',(event)=>{console.log(event.target.value)});
+document.getElementByTagName('jb-input').addEventListener('beforeinput',(event)=>{console.log(event.target.value)});
 // when user press enter on keyboard(dispatched on onKeyup)
@@ -67,0 +69,0 @@ document.getElementByTagName('jb-input').addEventListener('enter',(event)=>{console.log(event.target.value)});

No alert changes

Improved metrics

Total package byte prevSize

219790

increased by2.53%

Lines of code

1949

increased by4.06%

Number of lines in readme file

186

increased by1.09%

No dependency changes