아래 표는 자주 사용하는 이벤트와 이벤트와 해당 이벤트 핸들러를 정리해 놓은 것이다.
이벤트
이벤트 핸들러
설명
click
onClick
사용자가 마우스 왼쪽 버튼을 클릭했을 때.
submit
onSubmit
사용자가 폼을 전송. 이 이벤트는 폼 전송이 처리되기 전에 발생한다.
reset
onReset
사용자가 폼을 리셋했을 때
focus
onFocus
사용자가 마우스를 클릭하거나 탭키를 눌러 포커스를 옮겼을 때
blur
onBlur
사용자가 마우스를 클리하거나 탭키를 눌러 포커스를 빠져나갔을 때
mouseover
onMouseOver
사용자가 요소 위에 마우스 커서를 올려놓았을 때
mouseout
onMouseOut
사용자가 요소 위에서 마우스 커서를 치웠을 때
mousemove
onMouseMove
사용자가 마우스 커서를 움직였을 때
change
onChange
사용자가 text 필드나 textarea, select 필드에서 값을 변경했을 때
select
onSelect
사용자가 text 필드나 textarea 필드 내의 값을 선택했을 때
resize
onResize
사용자가 브라우저 창이나 프레임의 크기를 조절했을 때
move
onMove
사용자가 브라우저 창이나 프레임을 움직였을 때
load
onLoad
페이지 로딩이 끝났을 때
unload
onUnload
사용자가 (다른 페이지로 이동하거나 브라우저를 종료해서) 페이지를 떠날 때
error
onError
이미지나 페이지를 로드하는 동안 오류가 발생했을 때
abort
onAbort
사용자가 '정지(stop)' 버튼을 클릭해서 이미지 로딩을 멈췄을 때
반응형