The Browser Environment | Object-Oriented JavaScript

Events

Imagine you are listening to a radio program and they announce, "Big event! Huge! Aliens have landed on Earth!" You might think "Yeah, whatever", some other listeners might think "They come in peace" and some "We're all gonna die!". Similarly, the browser broadcasts events and your code could be notified should it decide to "tune in" and listen to the events as they happen. Some example events include:

The user clicks a button
The user types a character in a form field
The page finishes loading

Y ou can attach a JavaScript function (called an event listener or event handler) to a specific event and the browser will execute your function as soon the event occurs. Let's see how this is done.

Inline HTML Attributes

Adding specific attributes to a tag is the laziest way, for example:

<div onclick="alert('Ouch!')">click</div>

In this case when the user clicks on the <div>, the click event fires and the string of JavaScript code contained in the onclick attribute is executed...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Object-Oriented JavaScript

Object-Oriented JavaScript

Overview of this book

Events

Inline HTML Attributes

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access