JSFiddle - React, Tailwind, and code Playground

by karthick Chandran

HTML

<input/>

JavaScript

$('input').on('keydown',function(event){
var keyCode = event.which || event.keyCode;
var isShift = event.shiftKey ? true : false;
if(isShift){
    switch(keyCode){
        case 16:
            break;
        default:
            //Allow user to use Shift and End 35, Home 36, Left Arrow 37, Right Arrow 39, Tab 9.
            if(keyCode!= 35 && keyCode!= 36 && keyCode!= 37 && keyCode!= 39 && keyCode!= 9) {
                event.preventDefault();
            }
    }
       //Allow delete 46, Tab 9, Backspace 8, Shift 16, End 35, Home 36, Left Arrow 37, Right Arrow 39.
}else if(keyCode != 46 && keyCode != 9 && keyCode != 8 && keyCode != 16 && keyCode != 35 && keyCode != 36 && keyCode != 37 && keyCode != 39){   
            if(((keyCode != 190 && keyCode != 110) || $(inputBox).val().indexOf('.') != -1) && (keyCode < 48 || keyCode > 57 && keyCode != 96 && keyCode != 97 && keyCode != 98 && keyCode != 99 && keyCode != 100 && keyCode != 101 && keyCode != 102 && keyCode != 103 && keyCode != 104 && keyCode != 105)) {
                event.preventDefault();
            }
}   
});