DOM Events and Event Objects

DOM events are the backbone of functional and responsive web applications. Events are used in any website that has any form of user interaction. Websites such as Facebook, Google, and Skype all heavily make use of events. An event is a signal that tells the programmer that something has happened to a DOM node. An event can be fired for nearly any reason. We can use JavaScript to listen for events and run functions when an event occurs.

DOM Event

A DOM event is a notification sent by a DOM node to let the programmer know that something has happened to the DOM node. This can be anything from a user clicking on an element or pressing a key on the keyboard to video playback ending. There are a lot of events that can be fired. Every event that can be fired can have an event listener attached to it. An event listener is an interface that waits for an event to fire and then calls an event handler. An event handler is code that is run in response to an event. Event handlers...