이벤트

이벤트란 사이트에서 방문자가 취하는 모든 행위를 말하고 이벤트 핸들러는 이벤트가 발생했을 때 실행되는 코드를 말합니다.

이벤트 등록 메서드의 종류

구분

종류

설명

로딩 이벤트

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?