JavaScript onkeypress 이벤트 입력 예시(키보드 키를 누르거나 누르기)_기본지식

JavaScript onkeypress 이벤트

onkeypress 이벤트는 사용자가 키보드 키를 누르거나 누르고 있을 때 트리거됩니다.

참고: onkeypress 이벤트는 onkeydown 이벤트와 약간 다릅니다. onkeypress 이벤트는 해당 기능 키 누름을 처리하지 않습니다. 구체적으로 다음 예를 onkeydown 이벤트로 변경해 보면 !@#$ 등의 특수문자를 입력하여 둘의 차이를 느낄 수 있습니다.

팁

Internet Explorer/Chrome 브라우저는 event.keyCode를 사용하여 누른 문자를 검색하는 반면 Netscape/Firefox/Opera와 같은 브라우저는 event.which를 사용합니다.

onkeypress 이벤트를 사용하여 숫자만 입력하도록 허용

다음은 사용자가 양식 필드에 숫자만 입력할 수 있도록 onkeypress 이벤트를 사용하는 예입니다.

코드 복사 코드는 다음과 같습니다.

함수 checkNumber(e)
{
var keynum = window.event ? e.keyCode : e.which;
//경고(키넘버);
vartip = document.getElementById("tip");
If( (48<=keynum && keynum<=57) || keynum == 8 ){
        tip.innerHTML = "";
        true를 반환합니다.
}그밖에 {
​​​​tip.innerHTML = "팁: 숫자만 입력 가능합니다!";
         false를 반환합니다.
}
}

숫자를 입력하세요: