The Developer Brains


HTML Event Attributes

Web Designing | Web Development


SEE MORE














</HTML Event Attributes>





Event

Every action performed by the user and the web tool itself is termed as an Event of HTML .When a event triger we can run javascript functions and many more. like starting a JavaScript when a user clicks on an element.
An HTML event may be some thing the browser does, or some thing a User does. Here are a few examples of HTML events: An HTML web page has completed loading. An HTML input field was changed.
Event is the action perform by the User .



SEE MORE




















</Event Attributes. >


Different Type of HTML Events.

  •  Windows Event Attributes: This is provided for the action of the windows object. It works in body tag  <body>.
  •  Form Event Attributes: If the user performs some action in the form like input data, cancel, submit then these event attributes works.
  •  Keyboard Event Attributes: This keyboard event attributes used for keyboard action and user interaction.
  •  Mouse Event Attributes: Mouse event attribute used for mouse action that is move, click, wheel, etc.
  •  Media Event Attributes: This event attribute works on media files like video etc.
Example:
				
<button style="width: 160px;background-color: rgb(255,82,82);border: none;padding: 11px 20px;color:#fff" onclick="alert('Hey you clicked me')">Click me</button>
            
                
				
Try it Yourself


Windows Event Attributes

Attribute Details
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 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 occurred at that time event executed.
onoffline If the network connection is unavailable and the browser says offline then 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 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 event executed.
onunload Either the user’s current webpage is not loaded, or the window is closed, then the event executed.

Form Event Attributes

Attribute Details
onblur The onblur event occurs when an object loses focus
onchange The value change in the form then event fired.
onfocus In the form <input>, <a> , <select> 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.

Keyboard Event Attributes

Attribute Details
onkeydown Using a keyboard, user press 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.

Mouse Event Attributes

Attribute Details
onclick The user clicks the mouse on the button then an event occurred.
ondblclick Users double click the mouse then the event occurred.
oncontextmenu Users right 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 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.


Media Event Attributes

Attribute Details
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 <track> then event fired.
ondurationchange Media file changes the length of time then the trigger is fired.
onemptied If Media file unavailable and come fatal error then trigger is fired.
onended Media file comes on endpoint then trigger is fired.
onerror When an error occurred to get the media file then trigger is fired
onloadeddata Media file loads the data then trigger is fired.
onloadedmetadata Media file loads the metadata then the trigger is fired.
onloadstart Media file starts to load then trigger is fired.
onpause Media file paused to play again then trigger is fired.
onplay Media file ready to play then trigger is fired.
onplaying Media file starts to play then trigger is fired.
onprogress This script act when the browser is working on connecting with the media data.
onratechange If videos playback speed is changed then 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 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> Quiz Question>


Which event is used for right click?



Check Now



HTML5 QUIZ







Next: HTML Content Languages


Previous

      

Next Page













  Share TDB SCHOOL  

Share this E-Learning Website on social media platforms with your friends and followers