HTML-이벤트 참조
사용자가 귀하의 웹 사이트를 방문 할 때 다양한 링크를 클릭하거나 텍스트 및 이미지 위로 마우스를 가져 오는 등의 작업을 수행합니다. 이는 JavaScript 및 VBScript 용어에서 이벤트라고 부르는 예입니다.
JavaScript 또는 VBScript를 사용하여 이벤트 핸들러를 작성할 수 있으며 이러한 이벤트에 대해 수행 할 일부 작업을 지정할 수 있습니다. 이는 이벤트이지만 HTML 태그의 속성으로 지정됩니다.
HTML 4.01 사양은 19 개의 이벤트를 정의했지만 나중에 HTML-5는 여기에 나열한 다른 많은 이벤트를 추가했습니다.
창 이벤트 속성
다음 이벤트가 이전 버전의 HTML에서 도입되었지만로 표시된 모든 태그
| 이벤트 | HTML-5 | 기술 |
|---|---|---|
| onafterprint |
|
문서가 인쇄 된 후 트리거 |
| 인쇄 전 |
|
문서가 인쇄되기 전에 트리거됩니다. |
| onbeforeonload |
|
문서가로드되기 전에 트리거 |
| 오류 |
|
오류가 발생하면 트리거됩니다. |
| onhaschange |
|
문서가 변경되면 트리거됩니다. |
| 길 위에 | 문서가로드 될 때 트리거됩니다. | |
| onmessage |
|
메시지가 트리거 될 때 트리거됩니다. |
| 온라인 |
|
문서가 오프라인이 될 때 트리거됩니다. |
| ononline |
|
문서가 온라인 상태가되면 트리거됩니다. |
| onpagehide |
|
창이 숨겨지면 트리거됩니다. |
| onpageshow |
|
창이 표시 될 때 트리거됩니다. |
| 온팝 스테이트 |
|
창의 기록이 변경 될 때 트리거됩니다. |
| Onredo |
|
문서가 다시 실행을 수행 할 때 트리거됩니다. |
| onresize |
|
창 크기가 조정될 때 트리거됩니다. |
| onstorage |
|
문서가로드 될 때 트리거됩니다. |
| Onundo |
|
문서가 실행 취소를 수행 할 때 트리거됩니다. |
| 언로드 | 사용자가 문서를 떠날 때 트리거됩니다. |
양식 이벤트
다음 태그는 이전 버전의 HTML에 도입되었지만로 표시된 모든 태그
| 이벤트 | HTML-5 | 기술 |
|---|---|---|
| onblur | 창이 포커스를 잃을 때 트리거됩니다. | |
| onchange | 요소가 변경 될 때 트리거됩니다. | |
| oncontextmenu |
|
상황에 맞는 메뉴가 트리거 될 때 트리거됩니다. |
| onfocus | 창이 포커스를받을 때 트리거됩니다. | |
| onformchange |
|
양식이 변경 될 때 트리거됩니다. |
| onforminput |
|
양식이 사용자 입력을받을 때 트리거됩니다. |
| 입력 |
|
요소가 사용자 입력을받을 때 트리거됩니다. |
| oninvalid |
|
요소가 유효하지 않을 때 트리거됩니다. |
| onreset | 양식이 재설정 될 때 트리거됩니다. | |
| onselect | 요소가 선택되면 트리거됩니다. | |
| 제출시 | 양식이 제출 될 때 트리거됩니다. |
키보드 이벤트
| 이벤트 | HTML-5 | 기술 |
|---|---|---|
| onkeydown | 키를 누를 때 트리거됩니다. | |
| onkeypress | 키를 눌렀다 놓을 때 트리거됩니다. | |
| onkeyup | 키를 놓을 때 트리거됩니다. |
마우스 이벤트
다음 태그는 이전 버전의 HTML에 도입되었지만로 표시된 모든 태그
| 이벤트 | HTML-5 | 기술 |
|---|---|---|
| onclick | 마우스 클릭시 트리거 | |
| ondblclick | 마우스 두 번 클릭시 트리거 | |
| Ondrag |
|
요소를 끌 때 트리거됩니다. |
| Ondragend |
|
드래그 작업이 끝날 때 트리거됩니다. |
| Ondragenter |
|
요소를 유효한 놓기 대상으로 끌면 트리거됩니다. |
| ondragleave |
|
요소가 유효한 놓기 대상을 벗어날 때 트리거됩니다. |
| Ondragover |
|
요소를 유효한 놓기 대상 위로 끌면 트리거됩니다. |
| ondragstart |
|
드래그 작업 시작시 트리거 |
| 온 드롭 |
|
드래그 한 요소가 드롭 될 때 트리거됩니다. |
| onmousedown | 마우스 버튼을 누를 때 트리거됩니다. | |
| onmousemove | 마우스 포인터가 움직일 때 트리거됩니다. | |
| onmouseout | 마우스 포인터가 요소 밖으로 이동할 때 트리거됩니다. | |
| onmouseover | 마우스 포인터가 요소 위로 이동할 때 트리거됩니다. | |
| onmouseup | 마우스 버튼을 놓을 때 트리거됩니다. | |
| onmousewheel |
|
마우스 휠이 회전 할 때 트리거됩니다. |
| 스크롤 |
|
요소의 스크롤바가 스크롤 될 때 트리거됩니다. |
미디어 이벤트
다음 태그는 이전 버전의 HTML에 도입되었지만로 표시된 모든 태그
| 이벤트 | HTML-5 | 기술 |
|---|---|---|
| 중단하다 | 중단 이벤트에 대한 트리거 | |
| oncanplay |
|
미디어가 재생을 시작할 수 있지만 버퍼링을 위해 중지해야 할 때 트리거됩니다. |
| oncanplaythrough |
|
버퍼링을 위해 중지하지 않고 미디어를 끝까지 재생할 수있는 경우 트리거됩니다. |
| ondurationchange |
|
미디어 길이가 변경 될 때 트리거됩니다. |
| 비어있는 |
|
미디어 리소스 요소가 갑자기 비워지면 트리거됩니다. |
| 계속 |
|
미디어가 끝에 도달하면 트리거됩니다. |
| 오류 |
|
오류가 발생하면 트리거됩니다. |
| onloadeddata |
|
미디어 데이터가로드 될 때 트리거됩니다. |
| onloadedmetadata |
|
미디어 요소의 기간 및 기타 미디어 데이터가로드 될 때 트리거됩니다. |
| onloadstart |
|
브라우저가 미디어 데이터로드를 시작할 때 트리거됩니다. |
| onpause |
|
미디어 데이터가 일시 중지되면 트리거됩니다. |
| onplay |
|
미디어 데이터 재생이 시작될 때 트리거됩니다. |
| onplaying |
|
미디어 데이터 재생이 시작되면 트리거됩니다. |
| 진행 중 |
|
브라우저가 미디어 데이터를 가져올 때 트리거됩니다. |
| onratechange |
|
미디어 데이터의 재생 속도가 변경되면 트리거됩니다. |
| onreadystatechange |
|
준비 상태가 변경되면 트리거됩니다. |
| 찾다 |
|
미디어 요소의 검색 속성이 더 이상 참이 아니고 검색이 종료 된 경우 트리거됩니다. |
| onseeking |
|
미디어 요소의 검색 속성이 true이고 검색이 시작된 경우 트리거됩니다. |
| 설치 |
|
미디어 데이터 가져 오기에 오류가있을 때 트리거됩니다. |
| onsuspend |
|
브라우저가 미디어 데이터를 가져 왔지만 전체 미디어 파일을 가져 오기 전에 중지 된 경우 트리거됩니다. |
| ontimeupdate |
|
미디어가 재생 위치를 변경할 때 트리거됩니다. |
| onvolumechange |
|
미디어가 볼륨을 변경할 때 트리거되며 볼륨이 "음소거"로 설정된 경우에도 트리거됩니다. |
| 대기 중 |
|
미디어 재생이 중지되었지만 다시 시작될 것으로 예상 될 때 트리거됩니다. |