• 회원가입
  • 로그인

[JS-바위] JS 10강 - 이벤트 (Event) 종류 + 키보드 (키이름/키번호) 확인

190  


목차
  1. 주요 event 종류
  2. 키보드 (키이름/키번호) 확인


주요 event 종류

 

  • click - 클릭
  • dblclick - 더블클릭
  • change - 값 변동
  • focus - 포커스 (= 요소 선택해 커서 깜빡이는 상태)
  • keydown - 키보드 키 누름
  • keyup - 키보드 키 오름
  • load - 로드 완료
  • mousedown - 마우스 클릭 버튼 누름
  • mouseup - 마우스 클릭 버튼 오름
  • mouseover - 마우스가 객체 위에 있을 때
  • mouseout - 마우스가 객체 밖에 있을 때
  • mouseenter - 마우스가 들어올 때
  • mouseleave - 마우스가 나갈 때
  • select - 텍스트 드래그 선택

 

 

키보드 (키이름/키번호) 확인

할일(=함수)에 event 매개변수 추가해서 확인 가능.

 

window.addEventListener('keydown', function(event) {

    console.log(event.key); // 키보드키 이름

    console.log(event.keyCode); //키보드키 번호

});

 

PS. 아래 좌표에서도 확인 가능. 

https://www.w3.org/2002/09/tests/keys.html


 


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