Full version, Basic version

Specification link: 16.5 Processing order for user interface events

interact-order-01-b ← index → interact-order-03-b

# interact-order-02-b
SVG Image | PNG Image
interact-order-02-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 - b Click on circle, circle turns red Click on circle, hyperlink $Revision: 1.3 $ |

Test event bubbling of event attributes, part b.

The two circles test whether events are handled in the proper order. Events listeners and event attributes are processed before hyperlink processing, which is processed before text selection. The supplemental text next to the circles describes what should occur.

interact-order-01-b ← index → interact-order-03-b