이벤트 키 코드 등록
이 문서의 하단은 더 많은 예제가 포함되어 있습니다.
정의 및 사용
키 코드 속성 반환 때 onKeyPress 이벤트 트리거 키 문자 코드 값 또는 onKeyDown에 또는 onKeyUp에 이벤트 키 코드.
코드의 두 가지 차이점은 :
- 문자 코드 - ASCII 문자를 나타냅니다
- 키보드 코드 - 실제 키보드의 숫자 키를 나타낸다
팁 : 사용자 (예 : "a"또는 "5")를 인쇄 키를 누르면 알고 싶다면,이 때 onKeyPress 이벤트를 사용하는 것이 좋습니다. 당신이 사용자 (예 : "F1", "LOCK을 CAPS"또는 "홈"와 같은) 기능 키를 누르면 알 필요가 있다면 onKeyDown에 사용 또는 onKeyUp에 이벤트 할 수 있습니다.
참고 : Firefox에서 ,, 키 코드 등록 때 onKeyPress 이벤트가 유효하지 않은 (귀국일 0)입니다. 브라우저 호환성 문제는 함께 사용될 수 있는 해결하고 keyCode에 성질 :
참고 : 모든 유니 코드 문자의 목록은 우리 볼 수있는 완전한 유니 코드 참조 설명서를 .
팁 : 유니 코드 문자 값을 변환해야하는 경우, 사용할 수 있는 fromCharCode () 메서드를.
참고 :이 속성은 읽기 전용입니다.
주 : 권장되는 keyCode에 건물 브라우저 호환성 상기 DOM 이벤트의 최신 버전에 대한 해법을 제공하는 중요한 다른 방법으로 특성.
팁 : 만약 언론 "ALT", "CTRL"보고 싶다면 "META" 또는 "SHIFT"키를, 사용할 수있는 Alt 키 , ctrlKey , metakey 또는 shiftKey 속성을.
브라우저 지원
| 재산 | |||||
|---|---|---|---|---|---|
| keyCode가 | 예 | 예 | 예 | 예 | 예 |
문법
기술 세부 사항
| 반환 값 : | 유니 코드 문자 코드 또는 유니 키 코드를 나타내는 수치 |
|---|---|
| DOM 버전 : | DOM 레벨 2 이벤트 |
더 많은 예제
예
때 onKeyPress 사용하여 문자 코드 및 키보드 코드 간의 차이를 설명하기에 onKeyDown :
기능 uniCharCode (이벤트) {
VAR 문자 = event.which || event.keyCode;
중요 document.getElementById ( "데모") .innerHTML = "유니 코드 문자 코드 :"+ 문자;
}
기능 uniKeyCode (이벤트) {
var에 키 = event.keyCode;
중요 document.getElementById ( "demo2") .innerHTML = "유니 코드 KEY 코드 :"+ 키;
}
다음과 같이 키보드의 버튼을 누르면 "A"키 (잠금 캡을 사용하지 않음), 출력 결과는 다음과 같습니다
유니 코드 키 코드 : 65
»시도
예
당신은 Esc 키를 누르면 메시지를 팝업합니다 :
myFunction 함수 (이벤트) {
VAR X = event.keyCode;
(X의 == 27) {// 경우 27 ESC 키는
경고 ( "당신은 Esc 키를 눌러 !");
}
}
»시도
예
문자 (기능 키를 사용할 수 없습니다) 유니 코드 값을 변환하려면 :
VAR y를 대신 String.fromCharCode = (x)는, //는 문자로 값을 변환
»시도
관련 페이지
HTML DOM 참조 설명서 : 키 이벤트 등록
HTML DOM 참조 설명서 : 키 코드 등록 이벤트
HTML DOM 참조 설명서 : 이벤트 등록