Web ページまたは HTML スクリプト (ハイパーテキスト マークアップ言語) を使用して作成された Web サイトでは、ユーザーおよび Web ツール自体によって実行されるすべてのアクションは 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 イベントは、アクションを実行し、Web ブラウザとユーザーの間でインターフェースをとる簡単な方法です。ユーザーはあらゆるアクションの反応を簡単に得ることができます。たとえば、クリップボードの場合は切り取りとコピー、マウスの場合は移動とクリック、フォームの場合はボタンです。イベントにより Web アプリケーションがリアルタイムになり、スマートな作業システムが実現します。
以上がHTMLイベントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
