Home > Web Front-end > H5 Tutorial > body text

Detailed explanation of H5 event attributes

Y2J
Release: 2017-05-23 14:23:13
Original
2379 people have browsed it

HTML elements can have event attributes that trigger actions in the browser, such as launching a piece of JavaScript when a user clicks on an HTML element. The event attributes listed below can be inserted into HTML tags to define event behavior. Differences between HTML 4.01 and HTML 5 New events in HTML 5: onabort, onbeforeunload, onconte

HTML elements can have event attributes that trigger behavior in the browser, such as starting a piece of JavaScript when the user clicks on an HTML element. The event attributes listed below can be inserted into HTML tags to define event behavior.

Differences between HTML 4.01 and HTML 5

New events in HTML 5: onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload.

HTML 4.01 attribute no longer supported: onreset.

Properties

##oncontextmenuWhen the menu is triggered when running the script. 5ondblclickRun when the mouse is double-clicked script. 45ondragAs long as the script is being Dragging allows scripting. 5ondragendAt the end of the drag operation when running the script. 5ondragenterWhen the element is dragged When a legal drop target is reached, the script is executed. 5ondragleaveWhen an element leaves legal When placing a target. 5##ondragoverscript ondragstartscript ondropscript onerrorscript onfocusscript onkeydownscriptonkeypressscriptonkeyupscriptonloadscriptonmessagescript onmousedownscriptonmousemovescript##onmouseover45onmouseout45script##onmousewheelscript When the mouse wheel scrolls when executing the script. 5onresetscript When the form is reset Execute the script. not support. onresizescript When the element is resized Run the script. 5onscrollscript When the element scroll bar is Execute script when scrolling. 5onselectscript When the element is selected Execute the script. 5onsubmitscriptWhen the form is submitted Run the script. 5onunloadscriptWhen the document is unloaded Run the script. 5

【Related recommendations】

1. HTML5 free video tutorial

2. Teach you the basic methods of using H5 drawing

3. Detailed explanation of the difference between H5 and HTML4

4. Code demonstration of making a timer in H5

5. Detailed explanation of 28 very important new features, new techniques and new technologies of H5

Properties Value Description 4 5
onabort script Run the script when the abort event occurs. 5
onbeforeonload script Run before the element loads script. 5
onblur script When an element loses focus Run the script. 4 5
onchange script When the element changes Run the script. 4 5
onclick script When the mouse clicks Scripting is allowed. 4 5
script
script
script
script
script
script
As long as the element is legal The script is executed when the drop target is dragged. 5
At the start of the drag operation when executing the script. 5
When the element is being dragged Execute the script when running. 5
The process when the element is loaded Execute the script when an error occurs. 5
When an element gets focus Execute the script. 4 5
When the button is pressed when executing the script. 4 5
When the key is pressed Execute the script when downloading. 4 5
When the button is released when executing the script. 4 5
When the document loads Execute the script. 4 5
When the message event triggers when executing the script. 5
When the mouse button is pressed when executing the script. 4 5
When the mouse pointer moves when executing the script. 4 5
script When the mouse pointer moves Execute the script when on an element.
script When the mouse pointer moves out element to execute the script. ##onmouseup
When the mouse button is released Execute script when opened. 4 5
4
4
4

The above is the detailed content of Detailed explanation of H5 event attributes. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template