Write a note on JavaScript events.

🔹 JavaScript Events

In JavaScript, an event is an action or occurrence that happens in the browser, which the program can respond to. Events are usually triggered by user interactions such as clicking a button, typing text, or moving the mouse, but they can also be triggered automatically (like page load or errors).

Events help make web pages interactive and dynamic, because JavaScript code can be executed when a specific event occurs.

🔹 Common Types of JavaScript Events

1. Mouse Events

   • Triggered by actions performed with a mouse.

   • Examples:

     • onclick → when an element is clicked

     • ondblclick → when double-clicked

     • onmouseover → when the mouse pointer is moved over an element

     • onmouseout → when the pointer leaves the element

2. Keyboard Events

   • Triggered when the user presses or releases keys on the keyboard.

   • Examples:

     • onkeydown → when a key is pressed

     • onkeyup → when a key is released

     • onkeypress → when a key is pressed and held

3. Form Events

   • Triggered when interacting with HTML forms.

   • Examples:

     • onfocus → when an input field is focused

     • onblur → when the focus leaves an input field

     • onsubmit → when a form is submitted

     • onchange → when the value of a form field changes

4. Window/Document Events

   • Triggered by actions related to the browser window or the document.

   • Examples:

     • onload → when a page or image has fully loaded

     • onresize → when the window is resized

     • onscroll → when the page is scrolled

🔹 Example of JavaScript Events