이벤트
이벤트란 사이트에서 방문자가 취하는 모든 행위를 말하고 이벤트 핸들러는 이벤트가 발생했을 때 실행되는 코드를 말합니다.
이벤트 등록 메서드의 종류
구분
종류
설명
로딩 이벤트
load()
선택한 이미지 또는 프레임 요소에 연동된 소스의 로딩이 완료된 후 이벤트가 발생
ready()
지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트가 발생
error()
이벤트 대상 요소에서 오류가 발생하면 이벤트가 발생
마우스 이벤트
click()
선택한 요소를 클릭했을때 이벤트가 발생
dblclick()
선택한 요소를 선택해서 두 번 클릭했을 때 이벤트가 발생
mouseout()
선택한 요소의 영역에서 마우스 포인터가 벗어났을 때 이벤트가 발생
mouseover()
선택한 요소의 영역에 마우스 포인터를 올렸을 때 이벤트가 발생
hover()
선택한 요소에 마우스 포인터를 올렸을 때와 벗어났을 때 각각 이벤트가 발생
mousedown()
선택한 요소에서 마우스 버튼을 눌렀을 때 이벤트 발생
mouseup()
선택한 요소에서 마우스 버튼을 눌렀다 떼었을 때 이벤트 발생
mouseenter()
선택한 요소 범위에 마우스 포인터를 올렸을 때 이벤트 발생
mouseleave()
선택한 요소 범위에서 마우스 포인터가 벗어났을때 이벤트 발생
mousemove()
선택한 요소 범위에서 마우스 포인터를 움직였을 때 이벤트 발생
scroll()
가로,세로 스크롤바를 움직일 때마다 이벤트 발생
포커스 이벤트
focus()
선택한 요소에 포커스가 생성되었을 때 이벤트를 발생하거나 선택한 요소에 강제로 포커스를 생성
focusin()
선택한 요소에 포커스가 생성되었을 떄 이벤트 발생
blur()
포커스가 선택한 요소에서 다른 요소로 이동되었을 때 이벤트가 발생하거나 선택한 요소의 포커스가 강제로 사라지도록 함
change()
이벤트 대상인 입력 요소의 값이 변경되고, 포커스가 이동하면 이벤트가 발생합니다. 그리고 강제로 change이벤트를 발생시킬 때도 있습니다.
키보드
이벤트
keypress()
선택한 요소에소 키보드를 눌렀을 때 이벤트가 발생. 그리고 문자키를 제외한 키의 코드값을 반환
keydown()
선택한 요소에서 키보드를 눌렀을 때 이벤트가 발생. 키보드의 모든 키의 코드값을 반환
keyup()
선택한 요소에서 키보드에서 손을 떼었을 때 이벤트가 발생
Last updated
Was this helpful?