javascript - 이벤트와 이벤트핸들러

<목차로 돌아가기>

사용자가 마우스를 움직이거나 키를 누르는 등의 동작을 이벤트(event)라 한다. 이벤트 앞에 on을 붙이면 on을 붙이면 이벤트핸들러가 되어 이벤트의 기능을 사용할 수 있다.

마우스 관련 이벤트핸들러

onClick	창, 버튼 등을 클릭했을 때
onDblclick	마우스를 더블클릭했을 때
onMouseover	링크나 그림 위로 마우스가 올라올 때
onMouseout	마우스가 링크나 그림 영역에서 벗어났을 때
onMousedown	마우스 버튼을 누르는 순간
onMouseup	마우스 버튼을 눌렀다가 때는 순간
onMousemove	마우스 위치를 옮겼을 때
onDragDrop	마우스를 클릭한 상태에서 이동했을 때

onFocus	커서가 위치할 때
onBlur	커서를 잃어버렸을 때

마우스 조작용 예제

menu.htmla

※ 확장자 a를 지우고 실행하시길

키보드 관련 이벤트 핸들러

onKeydown	키보드의 키를 누를 때
onKeypress	키보으의 키를 누르는 순간
onKeyup	키보드의 키를 눌렀다가 때는 순간

폼(form) 관련 이벤트 핸들러

onSubmit	전송 버튼을 눌러 폼 문서를 제출할 때
onReset	입력 양식을 초기화했을 때
onSelect	입력 상자의 문자열을 선택하거나 체크상자, 라디오 버튼을 선택할 때
onCange	입력 양식의 값이 바뀌었을 때,  목록상자의 항목을 변경했을 때
윈도우 관련	윈도우에서 발생
onLoad	브라우저에서 문서를 읽어올 때
onUnload	브라우저의 문서를 닫을 때
onMove	프레임이나 브라우저를 이동했을 때
onResize	프레임이나 브라우저의 크기를 변경했을 때
그림 관련	그림이나 문서에서 발생
onAbort	그림을 읽는 도중 중지했을 때
onError	문서나 그림을 읽는 도중 중지했을 때

윈도우 관련 이벤트 핸들러

onLoad	브라우저에서 문서를 읽어올 때
onUnload	브라우저의 문서를 닫을 때
onMove	프레임이나 브라우저를 이동했을 때
onResize	프레임이나 브라우저의 크기를 변경했을 때

그림관련 이벤트 핸들러

onAbort	그림을 읽는 도중 중지했을 때
onError	문서나 그림을 읽는 도중 중지했을 때