[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

 

---

[반환값]

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