숫자만 입력받기
다운받은 스킨에 적용된 onlyNumber 함수가 제대로 작동안해서 구글링하다보니 좋은 정보를 얻게 되어 공유합니다.
기존..
function onlyNumber() {
if((event.keyCode<48)||(event.keyCode>57)) {
alert('숫자만 입력');
event.returnValue=false;
}
}
=> 오른쪽 숫자키가 적용안됨
=> 파이어폭스에서 에러
새로 적용한 코드
/* Register Event Listener For FireFox */
if(navigator.userAgent.indexOf('Firefox') >= 0 ) {
var eventNames = ["mousedown", "mouseover", "mouseout", "mousemove", "mousedrag", "click", "dblclick", "keydown", "keypress", "keyup" ];
for( var i = 0 ; i < eventNames.length; i++ ) {
window.addEventListener( eventNames[i], function(e) {
window.event = e;
}, true );
}
}
function onlyNumber() { // 8 백스페이스 , 9 탭 , 37 왼쪽이동, 39 오른쪽이동, 46 delete
var key;
if(event.which) { // ie9 firefox chrome opera safari
key = event.which;
} else if(window.event) { // ie8 and old
key = event.keyCode;
}
if(!( key==8 || key==9 || key==37 || key==39 || key==46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105) )) {
alert("숫자만 입력해 주세요");
event.returnValue = false;
} else {
event.returnValue = true;
}
}
/* Register Event Listener For FireFox */ ~~
이 부분 적용안하면 파이어폭스에서 에러납니다.
적용안하고 사용하려면
<input onkeydown="onlyNumber(event)" > <= 괄호 안에 event 적고
function onlyNumber(event) { 여기도 역시 괄호 안에 적어야 되더군요.
해당부분에 대한 설명은 링크(http://aslike.egloos.com/2965771) 참고하시면 됩니다.
기존..
function onlyNumber() {
if((event.keyCode<48)||(event.keyCode>57)) {
alert('숫자만 입력');
event.returnValue=false;
}
}
=> 오른쪽 숫자키가 적용안됨
=> 파이어폭스에서 에러
새로 적용한 코드
/* Register Event Listener For FireFox */
if(navigator.userAgent.indexOf('Firefox') >= 0 ) {
var eventNames = ["mousedown", "mouseover", "mouseout", "mousemove", "mousedrag", "click", "dblclick", "keydown", "keypress", "keyup" ];
for( var i = 0 ; i < eventNames.length; i++ ) {
window.addEventListener( eventNames[i], function(e) {
window.event = e;
}, true );
}
}
function onlyNumber() { // 8 백스페이스 , 9 탭 , 37 왼쪽이동, 39 오른쪽이동, 46 delete
var key;
if(event.which) { // ie9 firefox chrome opera safari
key = event.which;
} else if(window.event) { // ie8 and old
key = event.keyCode;
}
if(!( key==8 || key==9 || key==37 || key==39 || key==46 || (key >= 48 && key <= 57) || (key >= 96 && key <= 105) )) {
alert("숫자만 입력해 주세요");
event.returnValue = false;
} else {
event.returnValue = true;
}
}
/* Register Event Listener For FireFox */ ~~
이 부분 적용안하면 파이어폭스에서 에러납니다.
적용안하고 사용하려면
<input onkeydown="onlyNumber(event)" > <= 괄호 안에 event 적고
function onlyNumber(event) { 여기도 역시 괄호 안에 적어야 되더군요.
해당부분에 대한 설명은 링크(http://aslike.egloos.com/2965771) 참고하시면 됩니다.
댓글 4개
스피드애드
12년 전
감사합니다^^
12년 전
감사합니다.
12년 전
감사용 ㅎ
takumi22
12년 전
많이 배워갑니다
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3269 |
|
10년 전 | 6658 | |
| 3268 | 10년 전 | 7181 | ||
| 3267 |
또치하우스
|
11년 전 | 5000 | |
| 3266 |
네이비칼라
|
11년 전 | 5033 | |
| 3265 | 11년 전 | 5152 | ||
| 3264 | 11년 전 | 7041 | ||
| 3263 |
|
11년 전 | 7209 | |
| 3262 |
|
11년 전 | 6645 | |
| 3261 | 11년 전 | 5555 | ||
| 3260 | 11년 전 | 7408 | ||
| 3259 | 11년 전 | 6707 | ||
| 3258 | 11년 전 | 5513 | ||
| 3257 | 11년 전 | 10483 | ||
| 3256 | 11년 전 | 3824 | ||
| 3255 |
언제나해피
|
11년 전 | 7406 | |
| 3254 | 11년 전 | 4988 | ||
| 3253 | 11년 전 | 13094 | ||
| 3252 | 11년 전 | 4750 | ||
| 3251 |
노피노키오
|
11년 전 | 6829 | |
| 3250 |
|
11년 전 | 5811 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기