HTML 이벤트

HTML 스크립트(HyperText Markup Language)를 사용하여 생성된 웹페이지나 웹사이트에서 사용자와 웹 도구 자체가 수행하는 모든 작업을 HTML 이벤트라고 합니다. 설명에는 모든 이벤트에 대한 6가지 유형의 속성(창 이벤트 속성, 폼 이벤트 속성, 키보드 이벤트 속성, 마우스 이벤트 속성, 미디어 이벤트 속성, 클립보드 이벤트 속성)이 포함되어 있습니다. 이러한 각 이벤트 속성에는 HTML 이벤트의 세부 정보를 가져오는 데 사용되는 특정 전용 속성이 있습니다.

다양한 유형의 HTML 이벤트

HTML5에는 주로 6가지 유형으로 분류되는 다양한 이벤트 속성이 있습니다. 이러한 속성은 JavaScript 언어를 사용하여 작동합니다.

•  Windows 이벤트 속성: windows 개체의 작업을 위해 제공됩니다. 본문 태그 에서 작동합니다.
•  양식 이벤트 속성: 사용자가 입력 데이터, 취소, 제출과 같은 양식에서 일부 작업을 수행하는 경우 이러한 이벤트 속성이 작동합니다.
•  키보드 이벤트 속성: 이 키보드 이벤트 속성은 키보드 작업 및 사용자 상호작용에 사용됩니다.
•  마우스 이벤트 속성: 이동, 클릭, 휠 등의 마우스 동작에 사용되는 마우스 이벤트 속성
•  클립보드 이벤트 속성: 클립보드 작업에 사용되는 이벤트 속성은 예, 잘라내기, 복사, 해충입니다.
•  미디어 이벤트 속성: 이 이벤트 속성은 비디오 등과 같은 미디어 파일에 작동합니다.

이벤트 속성 설명

아래에는 이벤트 속성에 대한 자세한 설명이 나와 있습니다.

1. Windows 이벤트 속성

Attribute	Description
onafterprint	This script act, though, after the document printed.
onbeforeprint	This script act, though, before a document printed.
onbeforeunload	Whereas before the unloaded document, this Script works.
onerror	In the document occurs the Error then this event executed.
onhashchange	The anchor part of URL change in the document that time event executed.
onload	When the first Web page is loaded completely, then this event executed.
onmessage	In the document, the message that occurred at that time event executed.
onoffline	If the network connection is unavailable and the browser says offline, then the event executed.
ononline	When the network available in the browser, then the event executed.
onpagehide	This script act; if the user not working on a current webpage, a then-current page can be hidden.
onpageshow	This script act at that time the current webpage is load.
onpopstate	This script automatically works on the browser for a history state change.
onresize	This script act when the browser of the window changes the size.
onstorage	When users web storage updated, then the event executed.
onunload	The user’s current web page is not loaded or the window is closed, then the event is executed.

속성

설명

사후 인쇄 그러나 이 스크립트는 문서가 인쇄된 후에 작동합니다. 인쇄 전 그러나 이 스크립트는 문서가 인쇄되기 전에 작동합니다. onbeforeunload 문서를 언로드하기 전에는 이 스크립트가 작동합니다. 오류 발생 시  문서에서 오류가 발생한 후 이 이벤트가 실행되었습니다. 해시변경시  시간 이벤트가 실행된 문서의 URL 변경 앵커 부분 온로드 첫 번째 웹페이지가 완전히 로드되면 이 이벤트가 실행됩니다. 메시지 문서에서 해당 이벤트가 실행된 시점에 발생한 메시지입니다. 온오프라인 네트워크 연결을 사용할 수 없고 브라우저에 오프라인이라고 표시되면 이벤트가 실행됩니다. 온라인온라인 브라우저에서 네트워크를 사용할 수 있게 되면 이벤트가 실행됩니다. 페이지 숨기기 이 스크립트는 다음과 같습니다. 사용자가 현재 웹페이지에서 작업하고 있지 않으면 당시의 페이지가 숨겨질 수 있습니다. 페이지 표시 이 스크립트는 현재 웹페이지가 로드될 때 작동합니다. 팝스테이트 이 스크립트는 기록 상태 변경을 위해 브라우저에서 자동으로 작동합니다. 크기 조정 이 스크립트는 창의 브라우저가 크기를 변경할 때 작동합니다. 저장 사용자 웹 저장소가 업데이트되면 이벤트가 실행됩니다. 언로드 시 사용자의 현재 웹페이지가 로드되지 않거나 창이 닫히면 이벤트가 실행됩니다.

2. 양식 이벤트 속성

Attribute	Description
onblur	Some form validation object loos the focus, then event fired.
onchange	The value change in the form, then event fired.
onfocus	In the form , , object has focus. Working on this object then event fired.
oninput	The user gives input of value in the form then this event fired.
oninvalid	The event works on when the element does not satisfy its predefined constraints.
onreset	User reset the form information, then event fired.
onsearch	Users search the required field, then event fired.
onselect	The user selects the text or text area in form, then event fired.
onsubmit	The user submits the form at the end then the event fired.

3. 키보드 이벤트 속성

Attribute	Description
onkeydown	Using a keyboard, the user press the key down at that point event works
onkeypress	Using the keyboard, users press the key and display characters at that point event works.
onkeyup	After the press, the key user releases the key then the event works.

4. 마우스 이벤트 속성

Attribute	Description
onclick	The user clicks the mouse on the button then an event occurred.
ondblclick	Users double click the mouse then the event occurred.
onmousedown	The user presses the mouse button on the element then the event occurred.
onmousemove	The user moves the mouse pointer over the element then the event occurred.
onmouseout	The user moves the mouse outside of the element then the event occurred.
onmouseover	The user moves the mouse over the element then the event occurred.
onmouseup	The user released the mouse button then the event occurred.
onmousewheel	Using the mouse wheel user rolls the up and down on element then the event occurred.
onwheel	Using a mouse wheel user roll them up and down then the event occurred.

5. 클립보드 이벤트 속성

Attribute	Description
oncopy	Using mouse users to copy the content, then the event occurred.
oncut	Using a mouse, users cut the content then the event occurred.
onpaste	Using a mouse user, paste the content, then an event occurred.

6. 미디어 이벤트 속성

Attribute	Description
onabort	When media files aborted for download and play again, then an event occurs.
oncanplay	When any media file ready for play, then this trigger is fired.
oncanplaythrough	Media file ready to play without buffering and loading.
oncuechange	Element changes the cue of then event fired.
ondurationchange	The Media file changes the length of time then the trigger is fired.
onemptied	If the Media file unavailable and come fatal error, then the trigger is fired.
onended	The Media file comes on endpoint then the trigger is fired.
onerror	When an error occurred to get the media file, the trigger is fired
onloadeddata	The Media file loads the data then the trigger is fired.
onloadedmetadata	The Media file loads the metadata then the trigger is fired.
onloadstart	The Media file starts to load then the trigger is fired.
onpause	The Media file paused to play again then the trigger is fired.
onplay	Media file ready to play, then trigger is fired.
onplaying	The Media file starts to play when the trigger is fired.
onprogress	This script act when the browser is working on connecting with the media data.
onratechange	If the videos playback speed is changed, then the trigger is fired.
onseeked	Users completed moving; otherwise, skip the new position of video. this attribute set as false.
onseeking	The user wants to move; otherwise, skip the new position of the video. this attribute set as true.
onstalled	When the browser suddenly stops to the connection of data, then the event works.
onsuspend	When the web Browser on purpose does not get media data, then events work.
ontimeupdate	When a user changes the video play position like forward and backward.
onvolumechange	To change media volume low to high.
onwaiting	If the data load the information, current video stop with buffering then event works.

결론

Html 이벤트는 웹 브라우저와 사용자 간의 작업 및 인터페이스를 수행하는 쉬운 방법입니다. 사용자는 모든 작업에 대한 반응을 쉽게 얻을 수 있습니다. 예를 들어, 잘라내기 및 복사는 클립보드로, 이동 및 클릭은 마우스로, 버튼은 양식으로 사용됩니다. 이벤트는 웹 애플리케이션을 실시간으로 구현하고 스마트한 업무 시스템을 만들어줍니다.

위 내용은 HTML 이벤트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!