HTML 이벤트란 무엇입니까?

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 요소에 적용 가능하지만 일반적으로