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

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