Javascript Events

JavaScript Events

Events are actions or occurrences that happen in the browser, such as clicks, keystrokes, or page load. JavaScript can detect these events and respond, creating an interactive experience for users.

Common Events and Syntax

click: Triggered when an element is clicked.

mouseover: Triggered when the mouse pointer moves over an element.

keydown: Triggered when a key is pressed.

Adding an Event Listener

The addEventListener method is commonly used to listen for and respond to events.

document.getElementById(“myButton”).addEventListener(“click”, function() { alert(“Button was clicked!”); });

Inline Event Handlers

You can also assign events directly within HTML, though it’s best practice to separate JavaScript and HTML for clean code.

<button onclick="alert('Hello World!')">Click Me</button>

Example: Change Text Color on Hover

Request more information

Javascript Events