Explode, Dom---------> boom

Dom->

Html

Css

Event

Elements

EventListener

Examples of HTML events:

• When the user clicks the mouse
• When the page is loaded
• When the image is loaded
• When the mouse moves over the element
• When the input field is changed
• When you submit an HTML form
• When the user triggers the button

1.onload and OnUnload Events

The onload and OnUnload events are triggered when the user enters or leaves the page.

The OnLoad event can be used to detect the browser type and browser version of the visitor and to load the correct version of the Web page based on that information.

The onload and OnUnload events can be used to process cookies.

2.onchange Events

OnChange events are often used in conjunction with validation of input fields.

Here is an example of how to use onchange. The uppercase () function is called when the user changes the contents of the input field.

3.onmouseover and onmouseout Events

The onmouseover and onmouseout events can be used to trigger a function when a user moves the mouse over an HTML element or moves out of an element.

4.onmousedown, onmouseup, and onclick events

OnMouseDown, onmouseup, and onclick form all parts of the mouse click event. First, when the mouse button is clicked, the OnMouseDown event is triggered, and when the mouse button is released, the OnMouseUp event is triggered, and the onclick event is triggered when the mouse click is completed.

Explode, Dom---------> boom