Events

HTML events are actions that happen when a user interacts with the web page.

The browser notifies JavaScript that something has happened, and that it needs to be handled.

There are many different types of events that can occur. For example:

Note:

Each available event has an event handler, which is a block of code (usually a JavaScript function that you as a programmer creates) that runs when the event fires.

Example:

The screenshot below shows a simple HTML code and a simple JavaScript code:

A button that will show the current time when you click on it.
When the button is clicked, it calls a JavaScript function that displays the current date.

Notice that:

There is a button element, and it has an attribute "onclick". That's an event.
The event contains event handler codes, which is the getDate( ) function.

Example of other Event keywords in Javascripts:

Here are some common event listeners:

Lesson 4: Events Handling