Home arrow JavaScript arrow Handling events with the DOM - Part III

Handling events with the DOM - Part III

In this third part of our series, we will learn about Event objects, the "type" property, how to determine the target of an event, and more.

Author Info:
By: Alejandro Gervasio
Rating: 4 stars4 stars4 stars4 stars4 stars / 14
May 03, 2005
  1. · Handling events with the DOM - Part III
  2. · Another creature in an object-based world: the Event object
  3. · Determining the type of event: the "type" property
  4. · Targeting objects: determining the target of the event
  5. · Focusing on keys: determining which key has been pressed
  6. · The x-y game: determining mouse coordinates
  7. · Buttons from the bottom: detecting mouse buttons

print this article

Handling events with the DOM - Part III
(Page 1 of 7 )



Welcome to Part III of the series "Handling Events with the DOM." I hope that youve enjoyed reading the two previous articles as much as I enjoyed writing them. Lets 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, weve 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, weve 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, were 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 were speeding up to go the last mile toward our final goal. Let's get ready to discover more about the Event object.


blog comments powered by Disqus

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials