KeyboardEvent charCode 속성

DOM 이벤트 KeyboardEvent

정의와 사용법

charCode 속성은 발생한 onkeypress 이벤트 의 키의 Unicode 문자 코드

Unicode 문자 코드는 문자의 번호입니다(예: "97"은 문자 "a"를 대표합니다).

안내:모든 Unicode 문자의 목록은 다음을 참조하십시오 전체 Unicode 참조

안내:Unicode 값을 문자로 변환하려면 다음을 사용하십시오 fromCharCode() 메서드

주의사항:이 속성이 사용되면 onkeydown 또는 onkeyup 이벤트가 발생하면 항상 "0" 값을 반환합니다.

주의사항:이 속성은 읽기 전용입니다.

주의사항:IE8 및 이전 버전은 charCode 속성을 지원하지 않습니다. 그러나 이러한 브라우저 버전에서는 다음을 사용할 수 있습니다 keyCode 속성또는, 크로스 브라우저 솔루션을 위해 다음과 같은 코드를 사용할 수 있습니다:

var x = event.charCode || event.keyCode; // charCode나 keyCode를 사용할지는 브라우저의 지원에 따릅니다

안내:대문자 락이나 방향 키와 같은 특수 키를 감지하기 위해 keyCode 속성을 사용할 수 있습니다. 그러나 keyCode와 charCode 속성을 동시에 제공하는 것은 호환성을 위해입니다. 최신 버전의 DOM 이벤트 규격은 key 속성을 사용할 것을 권장합니다.

안내:키보드 이벤트가 발생할 때 "ALT", "CTRL", "META", 또는 "SHIFT" 키가 눌렸는지 알고 싶다면 사용하세요 altKey,ctrlKey/,metaKey 또는 shiftKey 속성.

예제

예제 1

키보드 키를 누른 Unicode 값을 가져옵니다:

var x = event.charCode;

직접 시도해 보세요

예제 2

키보드 키를 누른 Unicode 값을 가져오는 크로스 브라우저 솔루션:

// 브라우저가 지원하면 charCode를 사용하며, 그렇지 않으면 keyCode를 사용합니다(IE8 이상 버전)
var x = event.charCode || event.keyCode;

직접 시도해 보세요

예제 3

사용자가 "O" 키를 누를 때 텍스트를 표시합니다:

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o는 111, O는 79
    alert("'O' 키를 눌렀습니다!");
  }
}

직접 시도해 보세요

예제 4

Unicode 값을 문자로 변환:

var x = event.charCode || evt.keyCode;   // Unicode 값을 가져옵니다
var y = String.fromCharCode(x);          // 값을 문자로 변환

직접 시도해 보세요

문법

event.charCode

기술 세부 사항

반환 값: Unicode 문자 코드를 나타내는 숫자 값.
DOM 버전: DOM Level 2 Events

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

속성 크롬 IE 파이어폭스 사파리 오페라
charCode 지원 9.0 지원 지원 지원

관련 페이지

HTML DOM 참조 매뉴얼:KeyboardEvent key 속성

HTML DOM 참조 매뉴얼:KeyboardEvent keyCode 속성

HTML DOM 참조 매뉴얼:KeyboardEvent which 속성

DOM 이벤트 KeyboardEvent