Event Handling in JavaScript

Events in JavaScript

We will discuss various events in JavaScript and associated triggers with example. Some practical examples we will develop through demo of these scripts.

Mouse Effect	Description
onMouseover & onMouseout	change the background color of row or swap images on Mouseover
onMousedown & onMouseup	Events triggered when Mouse is clicked and when it is released.
onMousemove	When mouse is moved over the elements this event is triggered
onClick	Display of Layer with onClick event of button
onblur	onBlur event when focus moves out or on lost focus
ondblClick	Managing both Single and Double click events

Keyboard Events	Description
onKeyPress	While pressing a key the event to trigger
onKeyDown	Events to trigger whle a key is down
onKeyUp	Events to trigger on release of a key on keyboard

OnFocus Event

We can trigger events when we focus on any form component like textbox, radio button , checkbox etc. This can be achieved by shifting crusher to the component or by moving it by using tab , we can click on the component and keep the focus on it.

onunload event

We can display a message or trigger some script when visitor exit the page or closes the browser tab.

Subscribe to our YouTube Channel here

This article is written by plus2net.com team.

plus2net.com