not set

input box 숫자만 입력 받기 FF, IE 동작 본문

javascript/html

input box 숫자만 입력 받기 FF, IE 동작

다크곰 2011. 1. 14. 12:40
  • 인터넷익스플로러에서만 동작하는 input text 박스 숫자만 입력받기
<input type="text" style="ime-mode:disabled;" onKeyPress="if ((event.keyCode> 47) && (event.keyCode < 57)){event.returnValue=true;} else { event.returnValue=false;}>

숫자만 입력받기 이다. 하지만 이렇게 하면 인터넷 익스플로러에서는 동작을 하지만 파이어폭스에서는 동작하지 않는다.

  • firefox, 인터넷익스플로러 둘다에서 동작하는 input text 박스 숫자만 입력받기

<input type="text" style="ime-mode:disabled;" onKeyPress="return numbersonly(event, false)">


function numbersonly(e, decimal) {
    var key;
    var keychar;

    if (window.event) {
        key = window.event.keyCode;
    } else if (e) {
        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;
}


출처 : http://dddd87.untoc.com/tc/25

'javascript > html' 카테고리의 다른 글

input box 한글 입력 ime-mode  (0) 2011.01.14
input box 테두리 없애기  (0) 2011.01.13