Post

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

1
2
3
4
5
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
1
2
3
4
5
6
7
8
9
10
11
// 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;
    }
  });
});
This post is licensed under CC BY 4.0 by the author.