학습내용 : 자바스크립트 - 이벤트 및 이벤트 핸들러(2001/01/29)
7. 이벤트 및 이벤트 핸들러
● 이벤트
특정한 동작이 발생하였다는 신호를 말한다.
blur
입력양식 필드에서 포커스가 다른 곳으로 이동했을 때
click
입력양식이나 링크를 마우스로 클릭했을 때
change
입력양식 필드에 있는 값을 바꾸었을 때
focus
입력양식 필드로 포커스가 들어왔을 때
abort
이미지를 읽다가 중단시켰을 때
mouseover
링크위로 마우스가 지나갈 때
mouseout
마우스가 링크나 특정영역 안에 있다가 나갔을 때
select
입력양식의 한 필드를 선택했을 때
submit
입력양식을 서버로 보낼 때
load
넷스케이프가 문서를 읽을 때
unload
넷스케이프에서 문서가 없어질때
error
문서나 이미지를 읽다가 에러 발생시
reset
입력양식에서 리셋했을 때
dblclick
마우스 더블 클릭시
dragdrop
마우스를 클릭한 상태에서 움직일때
keydown
키를 입력했을 때
keypress
키를 눌렀을 때
keyup
키를 눌렀다 놓았을 때
mousedown
마우스 버튼을 눌렀을 때
mousemove
마우스를 움직였을 때
mouseup
마우스 버튼을 눌렀다 놓았을 때
move
윈도우나 프레임이 움직였을 때
resize
윈도우나 프레임의 크기를 바꾸었을 때
● 이벤트 핸들러
이벤트 핸들러는 HTML 택의 한 속성으로 지정될 수 있다. 속성의 이름은 해당 이벤트 이름 앞에 on을 붙이면 된다.
<input type="button" value="button" onClick="function();">
이밴트 핸들러
기능
onload
SCRIPT 브라우저가 하나의 창이나 FRAMESET 안에 있는 모든 프레임에 들어있는 문서를 다 불러왔을 때 발생. BODY와 FRAMESET elements와 함께 사용된다.
onunload
SCRIPT 브라우저가 하나의 창이나 프레임에 들어있는 문서를 없앴을 때, 즉 해당 사이트에서 다른 곳으로 이동하거나 브라우저를 닫을 때 발생. BODY와 FRAMESET elements와 함께 사용된다
onclick
SCRIPT 어떤 element를 마우스로 클릭했을 때 발생. 대부분의 elements와 함께 사용된다.
ondlclick
SCRIPT 어떤 element를 마우스로 더블클릭했을 때 발생. 대부분의 elements와 함께 사용된다
onmousedown
SCRIPT 어떤 element를 마우스로 누르고 있을 때 발생. 대부분의 elements와 함께 사용된다
onmouseup
SCRIPT 어떤 element에서 마우스로 뗐을 때 발생. 대부분의 elements와 함께 사용된다
onmouseover
SCRIPT 어떤 element 위에 마우스를 가져갔을 때 발생. 대부분의 elements와 함께 사용된다
onmousemove
SCRIPT 어떤 element 위에 마우스가 있으면서 움직일 때 발생. 대부분의 elements와 함께 사용된다
onmouseout
SCRIPT 어떤 element에서 마우스로 떠났을 때 발생. 대부분의 elements와 함께 사용된다
onfocus
SCRIPT 특정 element를 마우스로 클릭하거나 탭 키를 이용해 포커스를 주었을 때 발생. LABEL, INPUT, SELECT, TEXTAREA, BUTTON elements와 함께 사용된다
onblur
SCRIPT onfocus의 반대로, 포커스가 사라졌을 때 발생. LABEL, INPUT, SELECT, TEXTAREA, BUTTON elements와 함께 사용된다
onkeypress
SCRIPT 특정 element 위에서 특정 키를 눌렀다가 뗐을 때 발생. 대부분의 elements와 함께 사용된다
onkeydown
SCRIPT 특정 element 위에서 특정 키를 누르고 있을 때 발생. 대부분의 elements와 함께 사용된다
onkeyup
SCRIPT 특정 element 위에서 특정 키를 뗐을 때 발생. 대부분의 elements와 함께 사용된다
onsubmit
SCRIPT 폼이 전송될 때 발생. FORM element와 함께 사용된다
onreset
SCRIPT 폼이 리셋될 때 발생. FORM element와 함께 사용된다.
onselect
SCRIPT 텍스트 입력란에서 사용자가 텍스트를 선택했을 때 발생. INPUT, TEXTAREA elements와 함께 사용된다
onchange
SCRIPT 포커스가 사라지고, 초기값이 변경되었을 때 발생. INPUT, SELECT, TEXTAREA elements와 함께 사용된다
※ 학습정리
※ 관련문제
※ 참고문헌
정보통신교육원 문서자료.
PYJ-LOVE ActiveMainPage COPYRIGHT 2000 BY RED+.NET ALL RIGHTS RESERVED.