Eloquent JavaScript 15 Event Handling Part 2: Mouse Events, Touch Events, Load, Focus, etc.

For part 2 of chapter 15, let's start with the mouse events. We have "mousedown", "mouseup", "click", "dbclick", and "mousemove". To get where the event happens, we have "clientX" and "Y". The coordinate you get from these two are relative to the top-left corner of the window. If you want to get the coordinate relative to the whole document, you can use "pageX" and "Y".

Mouse Events, Touch Events, Load, Focus, etc.

Here is the link to the chapter 15 of Eloquent JavaScript

Disclosure: As an Amazon Associate I earn a small commission from qualifying purchases. There is NO EXTRA COST to you.
==========================================
If you haven't watched the videos for the other chapters, check them out now:

Chapter 1: Value Types

Chapter 2: Program Structure

Chapter 3: Functions

Chapter 4: Objects and Arrays

Chapter 5: High-order Functions

Chapter 6: The Secret Life of Objects

Chapter 7: The Binding of This

Chapter 8: Bugs and Errors Handling

Chapter 9: Regular Expression Pt.1

Chapter 9.2: Regular Expression Pt.2

Chapter 9.3: Regular Expression Pt.3

Chapter 10: Modules

Chapter 11: Asynchronous Programming

Chapter 12: A Programming Language

Chapter 13: JavaScript and the Browser

Chapter 14: The Document Object Model

Chapter 15: Event Handling

Keywords: #Eloquent JavaScript, JavaScript, #JavaScript #Tutorials, Learn JavaScript, JavaScript Beginner, Learn Coding, Learn Programming, IT Books, JavaScript #Books, Programming Books, Coding Tutorials, Programming Tutorials, #DOM, Document Object Model, #Event_Handling, #Mouse_Events, #Touch_Events, #Load, #beforeunload #Focus #blur