KeyboardEvent charCode 속성
예시
누른 키보드 키의 유니코드 값을 가져옵니다.
var x = event.charCode;
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
charCode 속성은 onkeypress 이벤트 를 트리거한 키의 유니코드 문자 코드를 반환합니다 .
유니코드 문자 코드는 문자의 번호입니다(예: 숫자 "97"은 문자 "a"를 나타냄).
팁: 모든 유니코드 문자 목록은 전체 유니 코드 참조 문서를 참조 하십시오.
팁: 유니코드 값을 문자로 변환하려면 fromCharCode() 메서드를 사용하세요.
참고: 이 속성이 onkeydown 또는 onkeyup 이벤트에 사용되는 경우 반환되는 값은 항상 "0"입니다.
참고: 이 속성은 읽기 전용입니다.
참고: charCode 속성은 IE8 및 이전 버전에서 지원되지 않습니다. 그러나 이러한 브라우저 버전의 경우 keyCode 속성 을 사용할 수 있습니다 . 또는 브라우저 간 솔루션의 경우 다음 코드를 사용할 수 있습니다.
var x = event.charCode || event.keyCode; // Use either charCode or keyCode, depending on browser support
팁: keyCode 속성을 사용하여 특수 키(예: "caps lock" 또는 화살표 키)를 감지할 수도 있습니다. 그러나 keyCode 및 charCode 속성은 모두 호환성을 위해서만 제공됩니다. 최신 버전의 DOM 이벤트 사양에서는 대신 키 속성을 사용할 것을 권장합니다(사용 가능한 경우).
팁: 키 이벤트가 발생할 때 "ALT", "CTRL", "META" 또는 "SHIFT" 키가 눌렸는지 확인하려면 altKey , ctrlKey , metaKey 또는 shiftKey 속성을 사용하십시오.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
charCode | Yes | 9.0 | Yes | Yes | Yes |
통사론
event.charCode
기술적 세부 사항
반환 값: | 유니코드 문자 코드를 나타내는 숫자 |
---|---|
DOM 버전: | DOM 레벨 2 이벤트 |
더 많은 예
예시
누른 키보드 키의 유니코드 값을 가져오는 브라우저 간 솔루션:
// Use charCode if the browser supports it, otherwise use keyCode (for IE8 and earlier)
var x = event.charCode || event.keyCode;
예시
사용자가 "O" 키를 누르면 일부 텍스트 경고:
function myFunction(event) {
var x = event.charCode || event.keyCode;
if (x == 111 || x == 79) { // o is 111, O is 79
alert("You pressed the 'O' key!");
}
}
예시
유니코드 값을 문자로 변환:
var x = event.charCode || evt.keyCode; // Get the Unicode value
var y = String.fromCharCode(x); // Convert the value into a character
관련 페이지
HTML DOM 참조: KeyboardEvent 키 속성
HTML DOM 참조: KeyboardEvent keyCode 속성
HTML DOM 참조: 속성 KeyboardEvent