<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 에뮬레이터 소스를 추가해줬음


웹에서는 상관없으나 모바일에서는 어떤 영향을 줄지는 아직 확인 못함 ㅠ

그러나 위에 메타태그를 추가하면 모바일에서도 작동 가능하다.


+ Recent posts