HTML 스크립트(HyperText Markup Language)를 사용하여 생성된 웹페이지나 웹사이트에서 사용자와 웹 도구 자체가 수행하는 모든 작업을 HTML 이벤트라고 합니다. 설명에는 모든 이벤트에 대한 6가지 유형의 속성(창 이벤트 속성, 폼 이벤트 속성, 키보드 이벤트 속성, 마우스 이벤트 속성, 미디어 이벤트 속성, 클립보드 이벤트 속성)이 포함되어 있습니다. 이러한 각 이벤트 속성에는 HTML 이벤트의 세부 정보를 가져오는 데 사용되는 특정 전용 속성이 있습니다.
HTML5에는 주로 6가지 유형으로 분류되는 다양한 이벤트 속성이 있습니다. 이러한 속성은 JavaScript 언어를 사용하여 작동합니다.
아래에는 이벤트 속성에 대한 자세한 설명이 나와 있습니다.
|
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. |
설명
| 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 , , |
| 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. |
| 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. |
| 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. |
| 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. |
| 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 |
| 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
