JavaScript onkeydown 이벤트 입력 예(키보드의 키가 눌림)
- PHPz앞으로
- 2016-05-16 16:33:492849검색
이 글에서는 주로 자바스크립트 onkeydown 이벤트의 소개 예시를 소개합니다. onkeydown 이벤트는 키보드의 특정 키가 눌려지는 상황을 캡쳐한 것입니다.
JavaScript onkeydown 이벤트
onkeydown 이벤트는 사용자가 키보드 키를 누를 때 발생합니다. onkeypress 이벤트와 달리 onkeydown 이벤트는 아무 키(기능 키 포함)를 누르는 처리에 응답하는 반면, onkeypress 이벤트는 문자 키를 누르는 처리에만 응답합니다.
팁
Internet Explorer/Chrome 브라우저는 event.keyCode를 사용하여 누른 문자를 검색하는 반면 Netscape/Firefox/Opera와 같은 브라우저는 event.which를 사용합니다.
onkeydown은 사용자가 누른 키를 가져옵니다
다음은 onkeydown 이벤트를 사용하여 사용자가 누른 키보드 키 정보를 가져오는 예입니다. 🎜>
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
var keynum;
var keychar;
keynum = window.event ? e.keyCode : e.which;
keychar = String.fromCharCode(keynum);
alert(keynum+':'+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html> 위의 예에서 볼 수 있듯이 event.keyCode/event.는 키에 해당하는 숫자 값(유니코드 인코딩)을 가져옵니다. 공통 키 값은 다음과 같습니다.
| 数字值 | 实际键值 |
|---|---|
| 48到57 | 0到9 |
| 65到90 | a到z（A到Z） |
| 112到135 | F1到F24 |
| 8 | BackSpace（退格） |
| 9 | Tab |
| 13 | Enter（回车） |
| 20 | Caps_Lock（大写锁定） |
| 32 | Space（空格键） |
| 37 | Left（左箭头） |
| 38 | Up（上箭头） |
| 39 | Right（右箭头） |
| 40 | Down（下箭头） |
PS: 여기서는 일반적으로 사용되는 JS 이벤트 유형과 기능을 요약한 JS 이벤트에 대한 온라인 쿼리 도구를 권장합니다
위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면JavaScript 비디오 튜토리얼을 방문하세요.
성명：
이 기사는 jb51.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：jquery는 라디오 값을 얻습니다.다음 기사：jquery는 라디오 값을 얻습니다.