HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 15일차 강의내용 - 이벤트 및 이벤트 처리기
글번호: 28
작성자: 관리자
작성일: 2001/01/30 오전 12:26:00
조회수: 7252
JavaScript

학습내용 : 자바스크립트 - 이벤트 및 이벤트 핸들러(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와 함께 사용된다

 

※ 학습정리

 

※ 관련문제

 

※ 참고문헌

 정보통신교육원 문서자료.

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 16일차 강의내용 - 브라우저 내장 객체 - 관리자 2001-01-30 7010
현재글 15일차 강의내용 - 이벤트 및 이벤트 처리기 - 관리자 2001-01-30 7252
  예제. 이벤트 및 이벤트 핸들러 사용하기 이벤트.jpg(85 KB) 레드플러스 2003-10-22 5918
  실습. 이벤트 및 이벤트 처리기 이벤트핸들러.htm(692 Byte(s)) 레드플러스 2004-07-12 4801
다음글 15일차 강의내용 - 자바스크립트 내장객체 및 배열 - 관리자 2001-01-29 7811
 
손님 사용자 Anonymous (손님)
로그인 Home