JavaScript Events

The change in the state of an object is known as an Event. In html, there are various events which represents that some activity is performed by the user or by the browser. When javascript code is included in HTML, js react over these events and allow the execution. This process of reacting over the events is called Event Handling. Thus, js handles the HTML events via Event Handlers.

Mouse events:

Event PerformedEvent HandlerDescription
clickonclickWhen mouse click on an element
mouseoveronmouseoverWhen the cursor of the mouse comes over the element
mouseoutonmouseoutWhen the cursor of the mouse leaves an element
mousedownonmousedownWhen the mouse button is pressed over the element
mouseuponmouseupWhen the mouse button is released over the element
mousemoveonmousemoveWhen the mouse movement takes place.

Keyboard events:

Event PerformedEvent HandlerDescription
Keydown & Keyuponkeydown & onkeyupWhen the user press and then release the key

Form events:

Event PerformedEvent HandlerDescription
focusonfocusWhen the user focuses on an element
submitonsubmitWhen the user submits the form
bluronblurWhen the focus is away from a form element
changeonchangeWhen the user modifies or changes the value of a form element

Window/Document events

Event PerformedEvent HandlerDescription
loadonloadWhen the browser finishes the loading of the page
unloadonunloadWhen the visitor leaves the current webpage, the browser unloads it
resizeonresizeWhen the visitor resizes the window of the browser

Let’s discuss some examples over events and their handlers.

The Click Event (onclick)

The Mouseover Event (onmouseover)

The Mouseout Event (onmouseout)

The Keydown Event (onkeydown)

The Keyup Event (onkeyup)

The Focus Event (onfocus)

The Submit Event (onsubmit)

The Blur Event (onblur)

The Change Event (onchange)

The Load Event (onload)

The Unload Event (onunload)

The Resize Event (onresize)

Share on:

Free Exclusive Traffic Tips

Enter your email below to get access to my
proven SEO and traffic tips.

Hello, I am Dharmendra Yadav and I am a Blogger, Web Developer, Web Designer, Search Engine Optimizer, Digital Marketing Instructor. You can find me on Facebook , Linkedin

Leave a Comment