Chapter 7: Events

We saw in the last chapter how the DOM is an interface that allows you to use JavaScript to interact with a web page. Events are another part of the DOM and they are what provides the link between the web page and user interactions. Every time a user interacts with a web page, such as clicking on a link, pressing a key, or moving a mouse, an event occurs that our program can detect and then respond to.

In this chapter, we’ll cover the following topics:

  • Introduction to events

  • Adding event listeners

  • The event object

  • Mouse, keyboard and touch events

  • Removing event listeners

  • Stopping default behavior

  • Event propagation

  • Project – we'll add a 'start' button that can be clicked on to start the game

Event Listeners

Imagine ...

Get JavaScript: Novice to Ninja, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial