input[type="number"] 화살표 및 키보드 막기

CSS

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

 

 

JS

// input[type="number"] 키보드 막기
$( function(){
    $("input[type='number']").on('keydown', function(e){
        if(!((e.keyCode > 95 && e.keyCode < 106)
            || (e.keyCode > 47 && e.keyCode < 58) 
            || e.keyCode == 8)) {

            return false;
        }
    });
});