이벤트 유형(event type), 이벤트 속성

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

이벤트 유형(event type)

·       이벤트 유형(event type)은 발생한 이벤트의 종류를 나타내는 문자열을 의미합니다.

·       다른 말로 이벤트 타입(event type), 이벤트 명(event name)이라고도 합니다.

·       키보드, 마우스, HTML DOM, Window 객체 , HTML 프레임, HTML 입력 양식 등의 이벤트가 있습니다.

 

 

 

이벤트 속성

이벤트가 발생했을 때 이벤트 발생으로 호출되어야 할 이벤트 핸들러(실행 함수)를 연결하는 역할을 합니다.

구분

이벤트 속성

(이벤트 리스너)

설명

(이벤트 발생 시점)

마우스

onclick

·       버튼 등을 마우스로 클릭할 때

·       해당 영역을 마우스로 클릭할 때

마우스

ondblclick

·       버튼 등을 마우스로 더블 클릭할 때

마우스

onmouseover

·       링크나 그림, 버튼 위에 마우스 포인터를 올릴 때

·       해당 영역에 마우스 포인터가 올라갈 때

마우스

onmouseout

·       링크나 그림, 버튼에서 마우스 포인터가 빠져나갈 때

·       해당 영역에서 마우스 포인터가 빠져 나갈 때

마우스

onmousedown

·       마우스 버튼을 클릭하는 순간

·       해당 영역을 마우스로 클릭할 때

마우스

onmouseup

·       마우스 버튼을 클릭했다가 떼는 순간

·       해당 영역을 마우스로 클릭했다가 뗄 때

마우스

onmousemove

·       마우스를 움직이는 순간

·       해당 영역에서 마우스 포인터가 움직일 때

마우스

ondragdrop

·       마우스를 클릭한 상태에서 움직일 때

포커스

onfocus

·       커서가 위치할 때

·       입력양식을 선택해 포커스가 주어졌을 때

포커스

onblur

·       커서가 다른 곳으로 옮겨갈 때

·       포커스가 폼의 입력 양식을 벗어났을 때

키보드

onkeydown

·       키보드를 누를 때

·       해당 영역에서 키보드를 눌렀을 때

키보드

onkeyup

·       키보드를 눌렀다가 떼는 순간

·       해당 영역에서 키보드를 눌렀다가 뗄 때

기타

onKeypress

·       일반적인 문자 나 숫자입력 인식에 사용되는 이벤트.

·       해당 영역에서 키보드를 계속 누르고 있을 때

onsubmit

·       전송(확인)버튼을 클릭할 때

·       입력 양식의 내용을 전송할 때

onreset

·       취소 버튼을 클릭할 때

·       Reset 버튼을 눌렀을 때 발생

·       입력 양식의 내용을 초기화 할 때

onselect

·       문자열을 선택하거나 체크 박스, 라디오 버튼 등을 선택할 때

·       입력 양식에서 한 필드를 선택했을 때

onchange

·       리스트 박스의 값을 변경할 때

·       입력양식에서 값이 바뀌었을 때

윈도우

onload

·       브라우저에서 문서를 읽을 때

·       해당 페이지가 로딩되었을 때(처음 읽힐 때)

윈도우

onunload

·       브라우저에서 문서를 닫을 때

·       해당 페이지를 빠져 나갈 때

윈도우

onmove

·       브라우저를 이동했을 때

윈도우

onresize

·       브라우저의 크기를 변경했을 때

기타

Abort

·       문서가 읽히다가 중단 됬을 때 발생.

기타

Error

·       문서가 읽히다가 에러가 발생할 경우 발생.