HTML 참조 매뉴얼

HTML 태그 전체

HTML 캔버스 HTML 전역 속성

HTML 이벤트

이벤트 처리자 값은 쉼표로 구분된 하나나 여러 개의 Javascript 표현식, 메서드 및 함수 호출로 구성되며, 따라서 따옴표로 감싸집니다. 이벤트가 발생할 때, 브라우저는 이 코드를 실행합니다.

전역 이벤트 속성

HTML 4 HTML 이벤트를 트리거하는 것을 가능하게 하는 HTML의 새로운 특성 중 하나는 사용자가 HTML 요소를 클릭할 때 JavaScript를 실행하는 것입니다.

아래 표는 표준 이벤트 속성을 제공하며, 이를 HTML에 삽입할 수 있습니다./XHTML 요소에서 이벤트 행동을 정의합니다.

HTML5　: HTML5새로운 속성 이벤트.

창 이벤트 속성(창 이벤트 속성)

창에서 이 이벤트를 트리거합니다 (body 태그에 적용됩니다):

속성	값	설명
onafterprintHTML5	스크립트	문서 인쇄 후에 스크립트 실행
onbeforeprintHTML5	스크립트	문서 인쇄 전에 스크립트 실행
onbeforeonloadHTML5	스크립트	문서 로드 전에 스크립트 실행
onblur	스크립트	창이 포커스를 잃을 때 스크립트 실행
onerrorHTML5	스크립트	에러가 발생할 때 스크립트 실행
onfocus	스크립트	창이 포커스를 받을 때 스크립트 실행
onhaschangeHTML5	스크립트	문서가 변경될 때 스크립트 실행
onload	스크립트	문서가 로드될 때 스크립트 실행
onmessageHTML5	스크립트	메시지가 발생할 때 스크립트 실행
onofflineHTML5	스크립트	문서가 오프라인 상태로 들어갈 때 스크립트 실행
ononlineHTML5	스크립트	문서가 온라인 상태로 들어갈 때 스크립트 실행
onpagehideHTML5	스크립트	창이 숨겨질 때 스크립트 실행
onpageshowHTML5	스크립트	창이 보이면 스크립트 실행
onpopstateHTML5	스크립트	창 历史가 변경될 때 스크립트 실행
onredoHTML5	스크립트	문서가 다시 실행될 때 (redo) 스크립트 실행
onresizeHTML5	스크립트	창 크기를 조정할 때 스크립트 실행
onstorageHTML5	스크립트	Web Storage 영역이 업데이트될 때 (저장 공간의 데이터가 변경될 때) 스크립트 실행
onundoHTML5	스크립트	문서가 취소될 때 스크립트 실행
onunloadHTML5	스크립트	사용자가 문서를 떠났을 때 스크립트 실행

폼 이벤트 (Form Events)

폼 이벤트는 HTML 폼에서 발생 (모든 HTML 요소에 적용, 하지만 해당 HTML 요소는 폼 내에 있어야 합니다):

속성	값	설명
onblur	스크립트	요소가 포커스를 잃을 때 스크립트 실행
onchange	스크립트	요소가 변경될 때 스크립트 실행
oncontextmenuHTML5	스크립트	컨텍스트 메뉴가 발생할 때 스크립트 실행
onfocus	스크립트	요소가 포커스를 받을 때 스크립트 실행
onformchangeHTML5	스크립트	폼이 변경될 때 스크립트 실행
onforminputHTML5	스크립트	폼이 사용자 입력을 받을 때 스크립트 실행
oninputHTML5	스크립트	요소가 사용자 입력을 받을 때 스크립트 실행
oninvalidHTML5	스크립트	요소가 무효화될 때 스크립트 실행
onreset	스크립트	폼 초기화할 때 스크립트 실행. HTML 5 지원되지 않음.
onselect	스크립트	요소 선택할 때 스크립트 실행
onsubmit	스크립트	폼 제출할 때 스크립트 실행

키보드 이벤트 (Keyboard Events)

속성	값	설명
onkeydown	스크립트	키를 누를 때 스크립트 실행
onkeypress	스크립트	키를 누르고 떼어내면 스크립트 실행
onkeyup	스크립트	키를 떼어내면 스크립트 실행

마우스 이벤트 (Mouse Events)

마우스로 이벤트 발생, 사용자 행동과 유사:

속성	값	설명
onclick	스크립트	마우스를 클릭할 때 스크립트 실행
ondblclick	스크립트	마우스를 더블 클릭할 때 스크립트 실행
onmousedown	스크립트	마우스 버튼을 눌렀을 때 스크립트를 실행합니다
onmousemove	스크립트	마우스 포인터가 이동할 때 스크립트를 실행합니다
onmouseout	스크립트	마우스 포인터가 요소에서 벗어났을 때 스크립트를 실행합니다
onmouseover	스크립트	마우스 포인터가 요소 위에 있을 때 스크립트를 실행합니다
onmouseup	스크립트	마우스 버튼을 떼었을 때 스크립트를 실행합니다
onmousewheelHTML5	스크립트	마우스 휠을 돌릴 때 스크립트를 실행합니다

드래그 이벤트(Drag Events)

마우스를 드래그하여 이벤트를 트리거하며, 사용자의 행동과 유사합니다:

속성	값	설명
ondragHTML5	스크립트	드래그 중인 요소를 드래그할 때 스크립트를 실행합니다
ondragendHTML5	스크립트	드래그 앤 드롭 작업이 끝날 때 스크립트를 실행합니다
ondragenterHTML5	스크립트	요소가 유효한 드래그 앤 드롭 대상에 드래그될 때 스크립트를 실행합니다
ondragleaveHTML5	스크립트	요소가 유효한 드래그 앤 드롭 대상에서 벗어나면 스크립트를 실행합니다
ondragoverHTML5	스크립트	요소가 유효한 드래그 앤 드롭 대상 위에 드래그될 때 스크립트를 실행합니다
ondragstartHTML5	스크립트	드래그 앤 드롭 작업이 시작될 때 스크립트를 실행합니다
ondropHTML5	스크립트	이동 중인 요소가 드래그 앤 드롭 중이 될 때 스크립트를 실행합니다
onscrollHTML5	스크립트	스크롤 요소의 스크롤 바를 당겼을 때 스크립트를 실행합니다

멀티미디어 이벤트(Media Events)

비디오(videos), 이미지(images) 또는 오디오(audio)를 통해 이 이벤트를 트리거하며, 대부분 HTML 미디어 요소에서 사용됩니다: <audio>, <embed>, <img>, <object>, 및 <video>):

속성	값	설명
onabort	스크립트	중지 이벤트가 발생할 때 스크립트를 실행합니다
oncanplayHTML5	스크립트	미디어가 재생을 시작할 수 있지만 버퍼링이 필요할 수 있는 경우 스크립트를 실행합니다
oncanplaythroughHTML5	스크립트	미디어가 버퍼링 없이 끝까지 재생될 수 있을 때 스크립트를 실행합니다
ondurationchangeHTML5	스크립트	미디어 길이가 변경될 때 스크립트를 실행합니다
onemptiedHTML5	스크립트	미디어 자원 요소가 갑자기 비어 있을 때(네트워크 오류, 로드 오류 등) 스크립트를 실행합니다
onendedHTML5	스크립트	미디어가 끝에 도달할 때 스크립트를 실행합니다
onerrorHTML5	스크립트	요소가 로드 중에 오류가 발생할 때 스크립트를 실행합니다
onloadeddataHTML5	스크립트	미디어 데이터를 로드할 때 스크립트를 실행합니다
onloadedmetadataHTML5	스크립트	미디어 요소의 지속 시간 및 다른 미디어 데이터가 로드되었을 때 스크립트를 실행합니다
onloadstartHTML5	스크립트	브라우저가 미디어 데이터를 로드하기 시작할 때 스크립트를 실행합니다
onpauseHTML5	스크립트	미디어 데이터가 일시 중지될 때 스크립트를 실행합니다
onplayHTML5	스크립트	미디어 데이터가 재생을 시작할 예정이 있을 때 스크립트를 실행합니다
onplayingHTML5	스크립트	미디어 데이터가 재생을 시작할 때 스크립트를 실행합니다
onprogressHTML5	스크립트	브라우저가 미디어 데이터를 가져오는 동안 스크립트를 실행합니다
onratechangeHTML5	스크립트	미디어 데이터의 재생 속도가 변경될 때 스크립트가 실행됨
onreadystatechangeHTML5	스크립트	준비 상태(ready-상태)이 변경될 때 스크립트가 실행됨
onseekedHTML5	스크립트	미디어 요소의 위치 속성 [1] 더 이상 참이 아니고 위치가 끝났을 때 스크립트가 실행됨
onseekingHTML5	스크립트	미디어 요소의 위치 속성이 참이고 위치가 시작되었을 때 스크립트가 실행됨
onstalledHTML5	스크립트	미디어 데이터를 가져오는 중 (지연)에 오류가 발생할 때 스크립트가 실행됨
onsuspendHTML5	스크립트	브라우저가 미디어 데이터를 가져오고 있지만 전체 미디어 파일을 가져오기 전에 중지된 경우 스크립트가 실행됨
ontimeupdateHTML5	스크립트	미디어의 재생 위치가 변경될 때 스크립트가 실행됨
onvolumechangeHTML5	스크립트	미디어의 볼륨이 변경되거나 무음으로 설정될 때 스크립트가 실행됨
onwaitingHTML5	스크립트	미디어가 재생을 중지했지만 계속 재생할 계획인 경우 스크립트가 실행됨

기타 이벤트

속성	값	설명
onshowHTML5	스크립트	上下文中 <menu> 요소가 표시될 때 발생
ontoggleHTML5	스크립트	사용자가 <details> 요소를 열거나 닫을 때 발생

HTML 캔버스 HTML 전역 속성