onFoo versus add/removeEventListener(foo)

This test checks the relationship between HTML inline event handlers and programmatically-added event handlers for both the Microsoft and W3C event handling models.

The box below is the testing area for mouse events. It has no events attached by default when the page loads. The buttons below the box control the adding/removing of the following event handler to the box:

onclick - cycle the color of the box from (0)red -> (1)orange -> (2)yellow -> (3)green -> (4)blue

The buttons below it control the dynamic addition/removal of the event via the various dynamic mechanisms supported by browsers.

Event handler manipulation via the Element

Event handler manipulation via the EventTarget Handler Attached: no

Event handler manipulation via the EventTarget with references to the Element's DOM property Handler Attached: no