spacer
Yehuda Shiran July 24, 2000
Event Bubbling
Tips: July 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

Developer News
Google Going Native With Chrome
Mozilla Fixes Firefox Flaws as 3.5 Release Nears
Microsoft and Novell Still Bosom Buddies

 The concept of event bubbling in Internet Explorer may seem to be somewhat complicated. Every event fired on an element bubbles up the hierarchy of objects, until it reaches the top level element. Every object may handle the event in its turn. For example, this page includes the following event handling definition in its BODY tag:

<BODY ondragstart="alert('object dragged')">

Since every object on the page is a descendent of the BODY object, every dragstart event bubbles to the BODY object and is then handled by the ondragstart event handler. Try dragging either selected text or images. An alert box will pop up with the message "object dragged." The event fires on the P or IMG objects, but the handling is done by the BODY object. Learn more about the event model in Column 10, The Internet Explorer Event Model and Column 11, The Cross-Browser Event Model.

People who read this tip also read these tips:

Look for similar tips by subject:

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
XML and PHP Simplified · Creating a ASP.NET Contact Form · Data Filtering with PHP
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters > 
 The latest from internet.com
Intel to Host Live Nehalem Q&A · 12 Tips to Troubleshoot Network File-Sharing · 10 Tips for Selling on Kijiji