input box에서 숫자만 입력 받기 위해서는 onkeypress 이벤트에서 이벤트를 체크해서 숫자키가 아니면
입력을 받지 않으면 됩니다.
그런데 문제는 IE에서는 이 방법이 잘 먹히는데, 파이어폭스에서는 안될때가 많습니다.
그러기 위해서는 다음과 같이 수정을 해줘야 합니다.
<input type="text" style="ime-mode:disabled;" onKeyPress="return numbersonly(event, false)">
function numbersonly(e, decimal) {
var key;
var keychar;
if (window.event) {
// IE에서 이벤트를 확인하기 위한 설정
key = window.event.keyCode;
} else if (e) {
// FireFox에서 이벤트를 확인하기 위한 설정
key = e.which;
} else {
return true;
}
keychar = String.fromCharCode(key);
if ((key == null) || (key == 0) || (key == 8) || (key == 9) || (key == 13)
|| (key == 27)) {
return true;
} else if ((("0123456789").indexOf(keychar) > -1)) {
return true;
} else if (decimal && (keychar == ".")) {
return true;
} else
return false;
}
'Web Programing! > Script' 카테고리의 다른 글
[CSS] 가로세로 스크롤바 없애기 (0) | 2011.09.13 |
---|---|
[SCRIPT] 팝업 자동 리사이즈 (0) | 2011.09.13 |
[SCRIPT] 이미지 리사이징 (0) | 2011.09.13 |
[SCRIPT] setTimeout() 와 setInterval() (0) | 2011.08.30 |
[SCRIPT] 현재 날짜 구하기 (년-월-일/시-분-초) (0) | 2011.07.17 |
[SCRIPT] 오늘 요일 구하기 (0) | 2011.07.17 |
[SCRIPT] getYear(), getFullYear() 차이점 - 연도 구하기 (0) | 2011.07.17 |