Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Professional JavaScript for Web Developers

You're reading from   Professional JavaScript for Web Developers Discover an easy-to-learn guide to upgrade your JavaScript skills

Arrow left icon
Product type Paperback
Published in Nov 2019
Publisher Wiley
ISBN-13 9781119366447
Length 1144 pages
Edition 4th Edition
Languages
Tools
Arrow right icon
Author (1):
Arrow left icon
Matt Frisbie Matt Frisbie
Author Profile Icon Matt Frisbie
Matt Frisbie
Arrow right icon
View More author details
Toc

Table of Contents (37) Chapters Close

COVER FREE CHAPTER
FOREWORD
INTRODUCTION 1 What Is JavaScript? 2 JavaScript in HTML 3 Language Basics 4 Variables, Scope, and Memory 5 Basic Reference Types 6 Collection Reference Types 7 Iterators and Generators 8 Objects, Classes, and Object-Oriented Programming 9 Proxies and Reflect 10 Functions 11 Promises and Async Functions 12 The Browser Object Model 13 Client Detection 14 The Document Object Model 15 DOM Extensions 16 DOM Levels 2 and 3 17 Events 18 Animation and Graphics with Canvas 19 Scripting Forms 20 JavaScript APIs 21 Error Handling and Debugging 22 XML in JavaScript 23 JSON 24 Network Requests and Remote Resources 25 Client-Side Storage 26 Modules 27 Workers 28 Best Practices A ES2018 and ES2019 B Strict Mode C JavaScript Libraries and Frameworks D JavaScript Tools INDEX
END USER LICENSE AGREEMENT

EVENT HANDLERS

Events are certain actions performed either by the user or by the browser itself. These events have names like click, load, and mouseover. A function that is called in response to an event is called an event handler (or an event listener). Event handlers have names beginning with "on", so an event handler for the click event is called onclick and an event handler for the load event is called onload. Assigning event handlers can be accomplished in a number of different ways.

HTML Event Handlers

Each event supported by a particular element can be assigned using an HTML attribute with the name of the event handler. The value of the attribute should be some JavaScript code to execute. For example, to execute some JavaScript when a button is clicked, you can use the following:

<input type="button" value="Click Me" onclick="console.log('Clicked')"/>

When this button is clicked, a message is logged. This interaction is...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime