Montage Directed Event Handling

directed-event-handling.js

// Directed event handling methods

// Optional identifier to help differentiate event targets
myElement.identifier = "foo";

//listen during capture phase
myElement.addEventListener("mousedown", eventHandler, true);

// The following approaches are tried in this order:
eventHandler.captureFooMousedown(evt) //identifier specific handler, if identifier available
eventHandler.captureMousedown(evt) //event type handler
eventHandler.handleEvent(evt) // standard eventHandler interface
eventHandler.call(currentTarget, evt) //standard function listener interface

//listen during bubble phase
myElement.addEventListener("mousedown", eventHandler, false);

// The following approaches are tried in this order:
eventHandler.handleFooMousedown(evt) //identifier specific handler, if identifier available
eventHandler.handleMousedown(evt) //event type handler
eventHandler.handleEvent(evt) // standard eventHandler interface
eventHandler.call(currentTarget, evt) //standard function listener interface