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 |
· 문서가 읽히다가 에러가 발생할 경우 발생. |
'Development > JavaScript, jQuery, ...' 카테고리의 다른 글
객체나 요소의 메소드로 이벤트 리스너를 전달하는 방법 (0) | 2017.06.29 |
---|---|
객체나 요소에 프로퍼티로 등록하는 방법 - 자바스크립트 코드에서 프로퍼티로 등록하는 방법, HTML 태그에 속성으로 등록하는 방법 (0) | 2017.06.29 |
이벤트(event), 이벤트 중심(event-driven)의 프로그래밍 언어, 이벤트 예 , 이벤트 처리 (0) | 2017.06.28 |
노드의 복사, cloneNode() (0) | 2017.06.28 |
속성 노드의 값 변경 - setAttribute() (0) | 2017.06.28 |