키보드이벤트 (3) 썸네일형 리스트형 [자바스크립트 js] 키보드 이벤트 / keydown / keypress / keyup 키보드 이벤트 타입 KeyboardEvent.type keydown : 키보드 버튼을 누른 순간 / 키보드를 꾹 누르고 있을 때 한번만 실행됨 a = 65, A = 65 동일한 값이 보여짐 keypress : 키보드 버튼을 누른 순간 / 키보드를 누르고 있을 때 계속 실행됨 a = 97, A = 65 다른 값이 보여짐 keyup : 키보드 버튼을 눌렀다 뗀 순간 / 한글처리 가능 / 현재 누른 값을 가지고 있음 a = 65, A = 65 동일한 값이 보여짐 Ctrl, Alt, Shift 키 등은 keydown에서는 작동하고, keypress에서는 작동하지 않음 키보드 이벤트 프로퍼티 KeyboardEvent.key : 이벤트가 발생한 버튼의 값 KeyboardEvent.code : 이벤트가 발생한 버튼의.. [자바스크립트 js] 이벤트 객체 프로퍼티 이벤트가 발생하면, 이벤트 핸들러의 첫번째 파라미터에는 자동으로 이벤트 객체가 전달된다. 이벤트 객체는 이벤트 종류마다 가지고 있는 프로퍼티가 다르며, 이벤트에 대한 유용한 정보들을 프로퍼티로 가지고 있다. function tooktak(event) { console.log(event); } // 그냥 소문자 e로 쓰기도 함. 공통 프로퍼티 아래의 프로퍼티들은 이벤트 타입과 상관없이 모든 이벤트 객체들이 공통적으로 가지고 있는 프로퍼티. type 이벤트 이름 ('click', 'mouseup', 'keydown' 등) target 이벤트가 발생한 요소 currentTarget 이벤트 핸들러가 등록된 요소 timeStamp 이벤트 발생 시각(페이지가 로드된 이후부터 경과한 밀리초) bubbles 버블링 단.. [자바스크립트 js] 마우스 이벤트 / 키보드 이벤트 / 포커스 이벤트 / 입력 이벤트 / 스크롤 이벤트 / 윈도우 창 이벤트 마우스 이벤트 mousedown 마우스 버튼을 누르는 순간 mouseup 마우스 버튼을 눌렀다 떼는 순간 click 왼쪽 버튼을 클릭한 순간 dblclick 왼쪽 버튼을 빠르게 두 번 클릭한 순간 contextmenu 오른쪽 버튼을 클릭한 순간 mousemove 마우스를 움직이는 순간 mouseover 마우스 포인터가 요소 위로 올라온 순간 mouseout 마우스 포인터가 요소에서 벗어나는 순간 mouseenter 마우스 포인터가 요소 위로 올라온 순간 (버블링이 일어나지 않음) mouseleave 마우스 포인터가 요소에서 벗어나는 순간 (버블링이 일어나지 않음) 키보드 이벤트 keydown 키보드의 버튼을 누르는 순간 keypress 키보드의 버튼을 누르는 순간 ('a', '5' 등 출력이 가능한 키에..