IE ( chrome 포함 ) 에서는 event.KeyCode를 사용하여 사용자 입력을 자바스크립트로 제어할 수 있다.
하지만 FireFox( 이하 FF )에서는 event.KeyCode가 적용되지 않기 때문에 사용자 입력을 제어할 수 없게 된다.
이러한 상황이 발생하는 이유는 브라우저에 따라 이벤트가 다르게 인식된다.
IE는 window.event 객체가 인식하고, FF는 event 객체가 인식한다.
이러한 이유로, IE와 FF 모두 동작하는 자바스크립트를 작성하려면 이와 같은 경우도 고려를 해야될 것이다.
기본적인 사용법은 아래와 같이 사용 하면 될 것이다.
<script language="javascript" type="text/javascript">
function numCheck(e) {
var eventCode =(window.netscape)? e.which : e.keyCode;
if(( eventCode > 31) && ( eventCode < 45) || ( eventCode > 57)) {
if ( window.netscape ){
e.preventDefault();
}else{
e.returnValue = false;
}
}
}
</script>
<input type="text" onKeyPress='numCheck(event)'>
'프로그래밍 > JavaScript' 카테고리의 다른 글
| [Javascript]특정 시간에 함수 실행 (0) | 2021.01.08 |
|---|---|
| jQuery를 이용한 동적 테이블 생성 ( table tag ) (0) | 2020.06.15 |
| 언더스코어 활용하기 ( 데이터 정렬 ) (0) | 2019.03.10 |
| [Javascript] var vs let and const (0) | 2019.01.22 |
| JavaScript 파일에 외부 JS 포함 및 사용 (0) | 2012.11.14 |