Full version, Basic version

Specification link: 16.5 Processing order for user interface events

interact-events-01-b ← index → interact-order-02-b

# interact-order-01-b
SVG Image | PNG Image
interact-order-01-b Test event bubbling of event attributes. function bubbleYes(evt, color){ // Get Document var target = evt.target; target.setAttribute('fill', '' +color); } function bubbleNo(evt, color){ // Get Document var target = evt.target; target.setAttribute('fill', '' +color); evt.stopPropagation(); evt.preventDefault(); } Event bubbling - a Pointer in circle, circle turns red Pointer in circle, circle turns blue $Revision: 1.2 $ |

Test event bubbling of event attributes, part a.

The two circles test whether event bubbling is occurring to parents of the target object, and whether the target object is able to prevent bubbling. The supplemental text next to the circles describes what should occur.

interact-events-01-b ← index → interact-order-02-b