html 이벤트에는 다음이 포함됩니다. 1. 창 개체에 의해 트리거되는 창 이벤트 2. HTML 양식 내 동작에 의해 트리거되는 양식 이벤트 4. 마우스 또는 유사한 사용자 동작에 의해 트리거되는 미디어 이벤트 (예: 비디오, 이미지, 오디오).
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML에는 사용자가 요소를 클릭할 때 JavaScript를 실행하는 등 이벤트가 브라우저에서 작업을 트리거하도록 하는 기능이 있습니다.
html
1의 이벤트, Window 이벤트
창 개체에 대해 트리거되는 이벤트(태그에 적용됨):
| Attributes | Value | 설명 |
|---|---|---|
| onafterprint | script | 문서가 인쇄된 후에 실행되는 스크립트입니다. |
| onbeforeprint | script | 문서 인쇄 전에 실행되는 스크립트입니다. |
| onbeforeunload | script | 문서가 언로드되기 전에 실행되는 스크립트입니다. |
| onerror | script | 오류 발생 시 실행되는 스크립트입니다. |
| onhaschange | script | 문서가 변경되었을 때 실행되는 스크립트입니다. |
| onload | script | 페이지 로딩이 끝난 후 트리거됩니다. |
| onmessage | script | 메시지가 트리거될 때 실행되는 스크립트입니다. |
| onoffline | script | 문서가 오프라인일 때 실행되는 스크립트입니다. |
| ononline | script | 문서가 온라인 상태가 되면 실행되는 스크립트입니다. |
| onpagehide | script | 창이 숨겨졌을 때 실행되는 스크립트입니다. |
| onpageshow | script | 창이 보일 때 실행되는 스크립트입니다. |
| onpopstate | script | 창 기록이 변경될 때 실행되는 스크립트입니다. |
| onredo | script | 문서가 redo를 수행할 때 실행되는 스크립트입니다. |
| onresize | script | 브라우저 창 크기가 조정될 때 실행됩니다. |
| onstorage | script | 웹 저장소 영역이 업데이트된 후 실행되는 스크립트입니다. |
| onundo | script | 문서가 실행 취소를 실행할 때 실행되는 스크립트입니다. |
| onunload | script | 페이지가 다운로드되면(또는 브라우저 창이 닫히면) 실행됩니다. |
2. 양식 이벤트
HTML 양식 내의 작업에 의해 트리거되는 이벤트(거의 모든 HTML 요소에 적용되지만 양식 요소에서 가장 일반적으로 사용됨):
| 속성 | Value | 설명 |
|---|---|---|
| onblur | script | 요소가 포커스를 잃을 때 실행되는 스크립트입니다. |
| onchange | script | 요소 값이 변경될 때 실행되는 스크립트입니다. |
| oncontextmenu | script | 컨텍스트 메뉴가 실행될 때 실행되는 스크립트입니다. |
| onfocus | script | 요소가 포커스를 받을 때 실행되는 스크립트입니다. |
| onformchange | script | 폼이 변경될 때 실행되는 스크립트입니다. |
| onforminput | script | 양식이 사용자 입력을 받을 때 실행되는 스크립트입니다. |
| oninput | script | 요소가 사용자 입력을 받을 때 실행되는 스크립트입니다. |
| oninvalid | script | 요소가 유효하지 않을 때 실행되는 스크립트입니다. |
| onreset | script | 양식의 재설정 버튼을 클릭하면 트리거됩니다. HTML5에서는 지원되지 않습니다. |
| onselect | script | 는 요소의 텍스트가 선택되면 트리거됩니다. |
| onsubmit | script | 은 양식이 제출되면 트리거됩니다. |
3. 키보드 이벤트
| 속성 | 값 | 설명 |
|---|---|---|
| onkeydown | script | 이 트리거됩니다. |
| onkeypress | script | 는 사용자가 버튼을 탭할 때 트리거됩니다. |
| onkeyup | script | 사용자가 키를 놓으면 실행됩니다. |
4. 마우스 이벤트
마우스 또는 유사한 사용자 작업에 의해 트리거되는 이벤트:
| Attribute | Value | Description |
|---|---|---|
| onclick | Script | 요소에서 마우스 클릭이 발생할 때 트리거됩니다. |
| ondblclick | script | 요소에서 마우스 더블클릭이 발생하면 실행됩니다. |
| ondrag | script | 요소를 드래그할 때 실행되는 스크립트입니다. |
| ondragend | script | 드래그 작업이 끝나면 실행되는 스크립트입니다. |
| ondragenter | script | 요소를 유효한 드래그 앤 드롭 영역으로 드래그했을 때 실행되는 스크립트입니다. |
| ondragleave | script | 요소가 유효한 드래그 대상을 떠날 때 실행되는 스크립트입니다. |
| ondragover | script | 요소가 유효한 드래그 대상으로 드래그될 때 실행되는 스크립트입니다. |
| ondragstart | script | 드래그 작업 시작 시 실행되는 스크립트입니다. |
| ondrop | script | 드래그된 요소를 드래그 앤 드롭할 때 실행되는 스크립트입니다. |
| onmousedown | script | 요소에서 마우스 버튼을 눌렀을 때 실행됩니다. |
| onmousemove | script | 마우스 포인터가 요소 위로 이동할 때 실행됩니다. |
| onmouseout | script | 마우스 포인터가 요소 밖으로 이동할 때 실행됩니다. |
| onmouseover | script | 마우스 포인터가 요소 위로 이동할 때 실행됩니다. |
| onmouseup | script | 요소에서 마우스 버튼을 놓으면 실행됩니다. |
| onmousewheel | script | 마우스 휠을 스크롤할 때 실행되는 스크립트입니다. |
| onscroll | script | 요소 스크롤 막대가 스크롤될 때 실행되는 스크립트입니다. |
5. 미디어 이벤트
미디어(예: 비디오, 이미지 및 오디오)에 의해 트리거되는 이벤트(모든 HTML 요소에 적용 가능하지만 일반적으로
