<input type="text" style="IME-MODE: disabled;" onkeypress="if ((event.keyCode<48) || (event.keyCode>57)) event.returnValue=false;" />
IME-MODE: disabled
- 한글 입력 방지
※ ime-mode의 속성
auto -> 기본값. 아무것도 지정 안하면 이거다.
active -> 포커스가 들어가자마자 한글
inactive -> 포커스가 들어가자마자 영어
disabled -> 한글 입력 불가
onkeypress
- KeyCode 48 ~ 56(숫자)만 입력 허용
기존에는 numberOnly 라는 공통 스크립트를 만들어서 썼는데 지금 사이트는 2년전 구축된 거라 이렇게 사용하고 있음
onkeypress 로 체크하는건 간편하나, IE 브라우저 버전을 탄다는 문제가 있었음
IE 7에서 먹히는 스크립트였다.
그래서 임시방책으로 해결한 것이
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE7,IE=EmulateIE6' />
meta 소스에 IE7 에뮬레이터 소스를 추가해줬음
웹에서는 상관없으나 모바일에서는 어떤 영향을 줄지는 아직 확인 못함 ㅠ
그러나 위에 메타태그를 추가하면 모바일에서도 작동 가능하다.
'Web, Html > javaScript' 카테고리의 다른 글
datepicker로 value 값 바꾼 후 스크립트 진행 시 (0) | 2016.11.02 |
---|---|
문서 중간에 css class 정의 추가하기 (0) | 2016.11.02 |
showModalDialog 크롬 작동 안될 때 대체 기능 (0) | 2016.11.01 |