본문 바로가기

IT/JavaScript

[Javascript] 이벤트 정리

마우스 이벤트

이벤트설명

mouseover 마우스 포인터가 영역 위로 올라올 경우 발생
mouseout 마우스 포인터가 영역에서 벗어날 경우 발생
mousedown 마우스 버튼을 누를 경우 발생
mouseup 마우스 버튼을 눌렀다 놓을 경우 발생
mousemove 마우스를 움직일 경우 발생
dbclick 더블클릭시 발생
dragdrop 마우스를 드래그할 때 발생

키보드 이벤트

이벤트설명

keydown 키보드의 버튼이 내려가는 순간 발생하는 이벤트
keypress 키보드의 버튼이 내려가는 순간 발생하는 이벤트 ('a', '5' 등 출력이 가능한 키에서만 동작하며, Enter, Esc 등의 키에는 반응하지 않음)
keyup 눌러진 키보드의 버튼이 다시 올라오면서 발생하는 이벤트

포커스 이벤트

이벤트설명

focus 포커스가 위치할 경우 발생
blur 포커스를 다른곳으로 옮길 경우 발생

입력 이벤트

이벤트설명

change 선택 값을 바꿀 경우 발생
input 사용자가 입력을 하는 경우 발생
select 입력 양식의 하나가 선택될 때 발생
submit 폼을 전송하는 경우 발생

윈도우 창 이벤트

이벤트설명

move 윈도우나 프레임을 움직일 때 발생
resize 윈도우나 프레임 사이즈를 움직일 때 발생

 

'IT > JavaScript' 카테고리의 다른 글