javascript key이벤트(키보드 관련)

키보드 관련 이벤트

- 폼 관련 태그들만 사용한다.(포커스를 가지는 태그에만 적용 가능) + a태그

1. onkeydown

- 키를 눌렀을 때 발생

- 키를 입력하면 이벤트 발생 후 문자가 입력

- 물리키에 반응

2. onkeyup

- 키를 떼었을 때 발생

- 키를 입력하면 문자 입력 후 이벤트 발생

- 물리키에 반응

3. onkeypress

- 키를 눌렀을 때 발생

- 문자키에 반응

//예시

현재 입력된 값이 사용되는 업무 > keyup

현재 입력된 값과 상관없는 업무 > keydown or keyup

※ event.keyCode : 문자코드값

//특수키 조합

- event.ctrlKey : ctrl

- event.artKey : atr

- event.shiftKey : shift

//예시

if(event.keyCode==89 && event.ctrlKey){ =>Ctrl + y

alert("통과");

}

※ window 객체의 접근은 시점과 무관하여 언제든 접근 가능하다.

※ window 객체의 이벤트는 전역 이벤트 동작(포커스가 어디에 있는 상관없이 항상 발생하는 이벤트)