JavaScript onkeydown 이벤트 입력 예(키보드의 키가 눌림)-JS 튜토리얼-php.cn

JavaScript onkeydown 이벤트 입력 예(키보드의 키가 눌림)

PHPz

풀어 주다： 2018-09-30 14:49:38

앞으로

2852명이 탐색했습니다.

이 글에서는 주로 자바스크립트 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+&#39;:&#39;+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（下箭头）

웹 애플리케이션에서는 onkeydown 이벤트의 event.keyCode/event.which를 사용하여 일부 애플리케이션 예제를 실행하기 위해 사용자의 키보드 조작을 획득하는 것을 종종 볼 수 있습니다. 예를 들어, 사용자가 로그인할 때 Caps Lock 키(20)를 누르면 페이지 넘기기, 왼쪽 및 오른쪽 화살표 누르기, 페이지 넘기기 등이 있을 때 Caps Lock이 실행됩니다. .

유니코드 인코딩 값을 구한 후 실제 해당 키 값을 구해야 하는 경우 Srting 객체의 fromCharCode 메소드(String.fromCharCode())를 통해 얻을 수 있습니다. 문자의 경우 항상 대문자가 표시되고 일부 다른 기능 키의 경우 읽기 쉽지 않은 문자가 표시됩니다.

PS: 여기서는 일반적으로 사용되는 JS 이벤트 유형과 기능을 요약한 JS 이벤트에 대한 온라인 쿼리 도구를 권장합니다

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼을 방문하세요.