HTML - 06 - DOM Events

HTML DOM Events

HTML events are actions that occur to HTML elements, which JavaScript can respond to. By using event listeners, you can execute JavaScript code in reaction to these events.

Example of an Event Handler:

<button onclick="myFunction()">Click me</button>

Using addEventListener:

button.addEventListener("click", myFunction);

HTML Events

An HTML event can be triggered by various actions, either by the browser itself or by user interactions. Here are some examples:

• The web page has finished loading.
• An input field’s value has changed.
• A button has been clicked.

When these events occur, you might want to execute specific code. JavaScript allows you to run code in response to these detected events.

Event Handler Attributes

HTML supports event handler attributes that allow you to embed JavaScript code directly into HTML elements. For example:

<input type="text" onchange="alert('Input changed!')">

Common HTML Events

Here’s a list of some common HTML events along with their descriptions: