Latest web development tutorials

어떤 이벤트 속성

이벤트 객체 참조 이벤트 객체

키보드의 키를 누름으로써 유니 코드 값 인 :

VAR X = event.which;

X 출력은 다음과 같습니다

// 119 119 문자는 "w"

»시도

이 문서의 하단은 더 많은 예제가 포함되어 있습니다.


정의 및 사용

어떤 속성이 반환 때 onKeyPress 이벤트 트리거 키 문자 코드 값 또는 onKeyDown에 또는 onKeyUp에 이벤트 키 코드.

코드의 두 가지 차이점은 :

  • 문자 코드 - ASCII 문자를 나타냅니다
  • 키보드 코드 - 실제 키보드의 숫자 키를 나타낸다

그들의 키보드 ( "W"코드 "(87)")에 있기 때문에 값들의 두 가지 유형, 예를 들어 소문자는 "w"과 대문자 "W"과 동일한 키보드 코드가 동일하지는 않지만 다른 문자가 다음의 예는 더 잘 이해 될 수있다 참조 - 코드는 두 개의 문자가 동일한 출력 (문자 코드 "119"과 "87", "w"와 "W")되지 않습니다.

팁 : 사용자 (예 : "a"또는 "5")를 인쇄 키를 누르면 알고 싶다면,이 때 onKeyPress 이벤트를 사용하는 것이 좋습니다. 당신이 사용자 (예 : "F1", "LOCK을 CAPS"또는 "홈"와 같은) 기능 키를 누르면 알 필요가 있다면 onKeyDown에 사용 또는 onKeyUp에 이벤트 할 수 있습니다.

참고 : IE8 및 이전 버전 속성을있는 지원하지 않습니다. 지원되지 않는 브라우저를 사용할 수 있습니다 keyCode가 속성을. 그러나, 파이어 폭스 브라우저 때 onKeyPress 이벤트의 키 코드 속성이 잘못되었습니다. 다음 코드를 사용하여 이러한 브라우저와 호환 :

VAR X = event.which || event.keyCode는; // 사용하는 또는 키 코드이 다른 브라우저를 지원할 수있다

참고 : 모든 유니 코드 문자의 목록은 우리 볼 수있는 완전한 유니 코드 참조 설명서를 .

팁 : 유니 코드 문자 값을 변환해야하는 경우, 사용할 수 있는 fromCharCode () 메서드를.

참고 :이 속성은 읽기 전용입니다.

주 : 권장되는 keyCode에 건물 브라우저 호환성 상기 DOM 이벤트의 최신 버전에 대한 해법을 제공하는 중요한 다른 방법으로 특성.

팁 : 만약 언론 "ALT", "CTRL"보고 싶다면 "META" 또는 "SHIFT"키를, 사용할 수있는 Alt 키 , ctrlKey , metakey 또는 shiftKey 속성을.


브라우저 지원

표의 수치 속성 버전 번호를 먼저 지원 브라우저를 나타낸다.

재산
9.0


문법

이벤트 .which

기술 세부 사항

반환 값 : 유니 코드 문자 코드 또는 유니 키 코드를 나타내는 수치
DOM 버전 : DOM 레벨 2 이벤트


예

더 많은 예제

때 onKeyPress 사용하여 문자 코드 및 키보드 코드 간의 차이를 설명하기에 onKeyDown :

<입력 유형 = "텍스트"때 onKeyPress = "uniCharCode (이벤트)"onKeyDown에 = "uniKeyCode (이벤트)">

기능 uniCharCode (이벤트) {
VAR 문자 = event.which || event.keyCode; // event.keyCode IE8 및 이전 버전
중요 document.getElementById ( "데모") .innerHTML = "유니 코드 문자 코드 :"+ 문자;
}

기능 uniKeyCode (이벤트) {
var에 키 = event.which || event.keyCode; // event.keyCode IE8 및 이전 버전
중요 document.getElementById ( "demo2") .innerHTML = "유니 코드 KEY 코드 :"+ 키;
}

다음과 같이 키보드의 버튼을 누르면 "A"키 (잠금 캡을 사용하지 않음), 출력 결과는 다음과 같습니다

유니 코드 문자 코드 : 97
유니 코드 키보드 코드 : 65

»시도

당신은 Esc 키를 누르면 메시지를 팝업합니다 :

<입력 유형 = "텍스트"onKeyDown에 = "하여 myFunction (이벤트)">

myFunction 함수 (이벤트) {
VAR X = event.which || event.keyCode; // event.keyCode IE8 및 이전 버전
(X의 == 27) {// 경우 27 ESC 키는
경고 ( "당신은 Esc 키를 눌러 !");
}
}

»시도

문자 (기능 키를 사용할 수 없습니다) 유니 코드 값을 변환하려면 :

VAR X = event.which || event.keyCode; // 유니 코드 값을 가져옵니다
VAR y를 대신 String.fromCharCode = (x)는, //는 문자로 값을 변환

»시도


관련 페이지

HTML DOM 참조 설명서 : 키 이벤트 등록

HTML DOM 참조 설명서 : 키 코드 등록 이벤트

HTML DOM 참조 : charCode 속성 이벤트 등록

이벤트 객체 참조 이벤트 객체