Handling events with the DOM - Part III

Introduction

Welcome to Part III of the series "Handling Events with the DOM." I hope that you’ve enjoyed reading the two previous articles as much as I enjoyed writing them. Let’s remind ourselves about the topics covered in those sections, in order to recapitulate our knowledge and tackle the final lap in this round.

So far, we’ve learned a little more about the basics of assigning event handlers in Web documents, dug deeper into event phases, and explained the concepts that lie behind Event Capture and Event Bubble phases. Next, we demonstrated with several examples how most popular browsers implement event handlers through some standard and proprietary methods. Doing so, we’ve been using "attachEvent()" in the case of N6+/Mozilla and "addEventListener()" for IE, to properly attach events handlers to page objects, and seeing clear and noticeable differences between browser manufacturers.

Now, in last part of the series, we’re going to consciously analyze the DOM event object, looking at its most useful methods and properties, and revealing several proprietary approaches that differ from the proposed standards. Does that sound interesting enough for you? I hope so, because we’re speeding up to go the last mile toward our final goal. Let's get ready to discover more about the Event object.