JSFiddle - React, Tailwind, and code Playground

by Murat Kezli

HTML

<input id="test" type="text" vslue="" inputmask="hs" >
<input id="test1" type="text" vslue="" inputmask="hs" >
<input id="test2" type="text" vslue="" inputmask="h" >
<input id="test3" type="text" vslue="" inputmask="hs" >

JavaScript

function setInputFilter(textbox, inputFilter) {
	["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop"].forEach(function(event) {
	  textbox.addEventListener(event, function() {
		if (inputFilter(this.value)) {
		  this.oldValue = this.value;
		  this.oldSelectionStart = this.selectionStart;
		  this.oldSelectionEnd = this.selectionEnd;
		} else if (this.hasOwnProperty("oldValue")) {
		  this.value = this.oldValue;
		  this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
		} else {
		  this.value = "";
		}
	  });
	});
  }




$(document).ready(function(){
var tespit = $("[inputmask='hs']");

tespit.val("asdads")


});



setInputFilter(document.getElementById(div_id), function(value) {
		return /^-?\d*$/.test(value); });

function hs(event) {
		var div_id = event.path[0].id;
   
    setInputFilter(document.getElementById(div_id), function(value) {
		return /^-?\d*$/.test(value); });
}