아래 표는 자주 사용하는 이벤트와 이벤트와 해당 이벤트 핸들러를 정리해 놓은 것이다.
이벤트 |
이벤트 핸들러 |
설명 |
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)' 버튼을 클릭해서 이미지 로딩을 멈췄을 때 |
반응형
'홈페이지 제작 > JavaScript' 카테고리의 다른 글
자신의 웹브라우져, 운영체제 확인 (0) | 2008.09.18 |
---|---|
소스보기가 막혀있는곳을 뚫어보자 (0) | 2008.06.19 |
엔터, 공백 제거 (0) | 2007.12.21 |
다중 셀렉트 박스 (0) | 2007.11.04 |
모니터 중앙에 새창 띄우기, 새창을 모니터 중앙으로 이동하기 (0) | 2007.05.04 |