PostIT

[HTML/JavaScript] Html의 이벤트 종류들 본문

Script/JavaScript

[HTML/JavaScript] Html의 이벤트 종류들

shun10114 2017. 7. 11. 16:43

# [HTML/JavaScript] Html의 이벤트 종류들

## 1. 목적

Javascript의 Module Pattern을 사용하여 해당 스크립트를 재사용 할 수 있는 장점이 있으며, 다른 소스와 섞이지 않고, 해당 모듈을 통해서 완전한 기능을 제공 할 수 있다. 하지만, 모듈 패턴을 적용하여 구성하면, HTML의 이벤트 코드를 통해 스크립트를 작동시키는게 많아진다. 이를 위해서는 해당 HTML Tag에 제공되는 이벤트에 대한 지식이 필요하다. 이를 위해 정리하였다.

## 2. 내용

이벤트발생
onabort이미지 로딩에서 이탈하였을 때(다른 연결로 이동)
onactivate개체의 activeElement 속성을 설정하였을 때
onafterprint관련된 문서를 인쇄하거나 인쇄 미리보기를 후 즉시
onbeforeactivate개체의 activeElement 속성이 설정되기 바로 전에
onbeforecopy선택된 내용이 시스템 클립보드(clipboard)로 복사하기 바로 전에
onbeforecut선택된 내용이 시스템 클립보드(clipboard)로 잘라내기 바로 전에
onbeforedeactivateactiveElement가 다른 개체로 이동하기 바로 전에
onbeforeeditfocus편집할 수 있는 용기 개체의 제어가 선택되기 바로 전에
onbeforepaste시스템 클립보드로부터 데이터를 붙여넣기하기 바로 전에
onbeforeprint관련된 문서를 인쇄하거나 인쇄 미리보기하기 바로 전에
onbeforeunload페이지가 언로드되기 바로 전에
onbeforeupdate연관된 데이터가 업데이트되기 바로 전에
onbegin이벤트에서 시간이 시작되면 엘레멘트에 발생된다.
onblur마우스나 탭에 의한 항해로 개체가 초점(포커스)을 상실 했을 때
onbounce내용이 개체의 한쪽 한계선에 도달하였을 때
oncellchange데이터 제공자에서 데이터의 내용이 변경되었을 때
onchange입력폼의 필드 내용이 변경되고 초점을 상실했을 때 발생
onchangecolorpick 비헤이버에서 색상이 변경되면 발생된다.
onclick왼쪽 마우스가 개체 위를 클릭하였을 때
oncontentready비헤이버 첨부된 엘레멘트의 내용이 파싱(parse) 완료되면 발생
oncontentsave비헤이버 첨부된 엘레멘트의 내용이 저장이나 복사되기 전에 발생
oncontextmenu사용자 지역에서 오른쪽 마우스를 클릭하였을 때
oncontrolselect사용자가 개체의 제어(control) 선택들 하려고 할 때
oncopy선택된 내용이 시스템 클립보드(clipboard)로 복사하기 하였을 때
oncut선택된 내용이 시스템 클립보드(clipboard)로 잘라내기 하였을 때
ondataavailable데이터 원천 개체로 부터 데이터가 도착하면 주기적으로 발생
ondatasetchanged데이터 원천 개체의 변경에 의한 감지가 있을 때
ondatasetcomplete데이터 원천 개체로부터 모든 데이터를 받아 사용할 수 있을 때
ondatasetcompletedataselect 비헤이버가 select의 내용을 차지하였을 때 발행
ondblclick마우스가 개체 위를 두번 클릭하였을 때
ondeactivateactiveElement가 현재의 개체에서 다른 개체로 이동하였을 때
ondetach엘레멘트에서 첨부된 비헤이버가 제거되기 바로전에 발생
ondocumentready비헤이버를 포함하는 문서가 파싱(parse)을 완료되었을 때 발생
ondrag마우스를 눌러 끄는 동안 계속해서 원본 개체에 발생
ondragdropNS 화일등의 개체를 창에 드롭다운 시켰을 때
ondragend마우스를 눌러 끄는 동안 계속해서 원본 개체에 발생
ondragenter사용자가 드래그하는 개체를 유효한 목표 드롭에서 놓았을 때
ondragleave드래그하는 마우스를 유효한 목표에서 놓지 않고 이탈했을 때
ondragover유효한 목표 위에서 드래그하는 동안 연속적으로 발생
ondragstart개체를 왼쪽 마우스를 누른 상태에서 드래그를 시작하면
ondrop드래그드롭 작업 중 마우스단추를 놓았을 때
onend엘레멘트에서 시간이 중지되면 발생
onerror

런타임 오류가 발생하였을 때

onerror무효한 속성값을 할당하거나 읽기전용에 할당하면 발생
onerror무효한 속성값을 할당하거나 읽기전용에 할당하면 발생
onerror속성에 무효한 값을 할당하거나 읽기전용에 할당할 때 발생
onerrorupdate관련된 데이터가 업데이트되는 동안에 오류가 발생되면 발생
onfilterchange스타일 필터가 변경되거나 변환을 완료하면 발생
onfinish마퀴(MARQUEE)의 루프가 완료되면 발생
onfocus마우스나 탭에 의한 항해로개체에 초점(포커스)이 주어 졌을 때
onfocusin엘레멘트가 초점을 받았을 때
onfocusout엘레멘트가 초점을 잃었을 때
onhelp활성 윈도우에서 도움말을 위하여 F1 키를 누르면 발생
onhide메디어 플레이어가 감춰지면 발생된다.
onkeydown키를 개체 위에서 눌렀을 때 발생
onkeypress키(key)를 개체 위에서 눌렀다 놓았을 때 발생
onkeyup키를 개체 위에서 놓았을 때 발생
onlayoutcomplete채워넣기가 끝나고 인쇄하거나 인쇄미리보기를 실행하면 발생
onload문서를 다시 로딩할 때 원래의 엘레멘트에서 발생
onlosecapture마우스에 의한 캡쳐(capture)가 상실되었을 때 발생
onmediacomplete메디어와 연관된 엘레멘트의 로딩이 완료되면 발생
onmediaerror엘레멘트의 메디어 파일의 로딩이 실패되었을 때 발생
onmedialoadfailed(불량)엘레멘트의 메디어 파일의 로딩이 실패되었을 때 발생
onmousedown마우스가 개체 위를 눌렀을 때 발생
onmouseenter사용자가 마우스포인터로 개체 위에 들어갔을 때 발생
onmouseleave마우스포인터가 개체의 범위 밖으로 이동하면 발생
onmousemove마우스가 개체 위에서 이동하였을 때
onmouseout마우스가 개체 위에서 이탈하였을 때
onmouseover마우스가 개체 위로 이동하였을 때
onmouseup마우스가 개체 위 누른 것을 해제하였을 때
onmousewheel마우스 굴림단추가 개체 위에서 회전할 때 발생
onmove사용자나 스크립트로 창의 위치를 이동하였을 때
onmoveend편집할 수 있는 개체의 이동이 중지되었을 때 발생
onmovestart개체를 이동하기 시작하면 발생
onopenstatechange메디어바 플레이어의 열린 상태가 변경될 때 발생
onoutofsync엘레렌트가 연관된 시간과의 동기성을 상실하면 발생
onpaste시스템 클립보드(clipboard)로부터 데이터를 붙여넣기하였을 때
onpause엘레멘트의 시간이 일시중지(pause)하면 발생
onplaystatechange메디어바 플레이어에서 그 연주 상태가 변경되었을 때 발생
onpropertychange개체의 속성을 변경하면 그 개체에 발생
onreadystatechange개체의 상태(state)가 변경되면 발생된다.
onrepeat시간이 엘레멘트에서 반복되거나 다음번 작동이 시작될 때 발생
onreset입력폼이 리셋트(reset) 되었을 때
onreset시간이 begin 값이 되거나 resetElement가 호출되면 발생
onresize사용자나 스크립트로 창의 크기를 조절하였을 때
onresizeend사용자가 제어 선택된 개체의 크기 변경을 완료하면 발생
onresizestart사용자가 제어 선택된 개체의 크기를 변경하기 시작하면 발생
onresume시간개체가 일시중지에서 다시시작으로 회복되면 발생
onreverse엘레멘트에서 시간 개체가 뒤로 플레이되면 발생
onrowclickrowover 비헤이버에서 마우스 커서가 줄을 선택하면 발생
onrowenter줄이 변경되고 개체에 새로운 값이 있음을 나타내기 위하여 발생
onrowexit현재 줄을 변경하기의 위한 데이터 원천 제어 바로 전에 발생
onrowoutrowover 비헤이버에서 마우스 커서가 줄에서 나가면 발생
onrowoverrowover 비헤이버에서 마우스 커서가 줄에 들어오면 발생
onrowsdelete리코드세트(recordset)에서 줄들이 삭제될 상황이 되면 발생
onrowsinserted현재의 리코드세트에 새로운 줄들이 삽입된 직후에 발생
onsave웹페이지가 저장, 북마크되거나 다른 페이지로 항해해 가면 발생
onscroll스크롤되는 개체에서 스크롤 바의 위치를 변경하였을 때 발생
onseek엘레멘트에서 탐색(seek) 작업이 수행되면 발생
onselect입력폼에서 입력 필드에서 문자열을 선택(select)하였을 때
onselectionchange문서의 선택된 부분의 상태가 변경되었을 때 발생
onselectstart개체가 선택되기 시작하면 발생
onshow메디어바 플레이어가 보이게 되면 발생된다.
onstartMARQUEE 개체에서 반복하는 각 루프가 시작될 때 발생
onstop사용자가 중지 단추를 클릭하거나 웹 페이지를 닫을 때 발생한다
onsubmit입력폼(form)이 송신(submit) 되었을 때
onsyncrestored엘레멘트와 그 관련 시간 사이의 동기화가 회복되면 발생
ontimeerror시간을 지정하는 오류가 일어나면 발생
ontrackchangeASX 파일에서 정의한 playList에서 트랙이 변경되면 발생된다.
onunload사용자가 페이지에서 이탈했을 때
onurlflip+time t:MEDIA 태그에 의해 ASF 파일이 플레이되면 발생


## 
3. 출처

http://heavening.tistory.com/23 [Good Heavening]


Comments