• Q&A
  • 회원가입
  • 로그인

[DOM_Event] JS - keyCode 속성 - 눌린 키보드키 유니코드 (= onkeypress, onkeydown, onkeyup 관련 키번호)

목차

  1. keyCode 예제
  2. keyCode 정의
  3. keyCode 구문

 

keyCode 예제

 

<input type="text" size="40" onkeypress="homzzang(event)">


<p id="demo"></p>


<script>

function homzzang(event) {

  var x = event.which || event.keyCode;

  document.getElementById("demo").innerHTML = "Unicode 값 : " + x;

}

</script>

 

결과보기

 

keyCode 정의

 

onkeypress 이벤트 촉발한 키의 유니코드 문자코드 반환.
또는
onkeydown 또는 onkeyup 이벤트 촉발한 키의 유니코드 키코드 반환

 


 

1.

문자코드 - ASCII 문자 표시 숫자

키코드 - 키보드 실제키 표시 숫자

 

2.

준비 중

 

3.
Firefox 경우, keyCode 속성은 onkeypress 이벤트에서 작동 안 함. (0 반환)
따라서, 크로스브라우징 위해 KeyCode 속성과 함께 which 속성도 사용 권장.
var x = event.which || event.keyCode;

 

4.

반환된 유니코드 값을 문자로 변환하려면 fromCharCode() 메소드 사용.

5.

읽기전용.

6.
KeyCode 속성과 which 속성은 호환 목적으로 사용하고,
DOM event 최신 버전은 위 두 속성 대신 key 속성 사용.

 

7. 

키 이벤트가 발생할 때  "ALT", "CTRL", "META", "SHIFT" 키 눌렸는지 확인하려면, altKey , ctrlKey , metaKey ,shiftKey 속성 사용

 

8.

모든 브라우저 지원.

 

9.

DOM 버전 : DOM 레벨 2 이벤트

 

 

keyCode 구문

 

event.keyCode

 


[반환값]


유니코드 문자코드 숫자.
또는,
유니코드 키코드 숫자

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012