JavaScript Onkeypress 이벤트
사용자가 키보드 키를 누르거나 보유 할 때 Onkeypress 이벤트가 트리거됩니다.
참고 : OnkeyPress 이벤트와 OnkeyDown 이벤트에는 약간의 차이가 있습니다. OnkeyPress 이벤트는 해당 기능 키 프레스를 처리하지 않습니다. 구체적인 예는 다음 예제를 OnkeyDown 이벤트로 변경하고!@#$와 같은 특수 문자를 입력하여 차이를 이해할 수 있습니다.
힌트
Internet Explorer/Chrome 브라우저는 event.keycode를 사용하여 프레스 문자를 검색하고 Netscape/Firefox/Opera 사용 이벤트와 같은 브라우저.
Onkeypress 이벤트를 사용하여 숫자 만 입력 할 수 있습니다.
다음은 사용자가 양식 필드에만 숫자를 입력 할 수있는 OnkeyPress 이벤트를 사용하는 예입니다.
코드 사본은 다음과 같습니다.
<html>
<헤드>
<cript>
기능 checkNumber (e)
{
var keynum = Window.event? e.keycode : E. whith;
// Alert (keynum);
var tip = document.getElementById ( "tip");
if ((48 <= keynum && keynum <= 57) || keynum == 8) {
tip.innerhtml = "";
진실을 반환하십시오.
}또 다른 {
tip.innerhtml = "팁 : 숫자 만 입력하십시오!";
거짓을 반환합니다.
}
}
</스크립트>
</head>
<body>
<div> 숫자를 입력하십시오 : <input type = "text"onkeypress = "return CheckNumber (이벤트);"; />
<span id = "tip"> </span>
</div>
</body>
</html>
event.keyCode/Event. 키 (유니 코드 인코딩)에 해당하는 숫자 값을 가져 오며 일반적으로 사용되는 키 값은 OnKeyDown 이벤트 섹션에 나열됩니다. 이 예에서는 8의 값이 텍스트 필드의 백 스페이스 키를 지원하기 위해 특별히 처리됩니다.