diff -r 000000000000 -r 40c8f766c9b8 src/cm/media/js/lib/yui/yui3.0.0/examples/event/event-ce_clean.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/cm/media/js/lib/yui/yui3.0.0/examples/event/event-ce_clean.html Mon Nov 23 15:14:29 2009 +0100 @@ -0,0 +1,186 @@ + + + + + +Using Custom Events + + + + + + + + + + + + + + + +

Using Custom Events

+ +
+

The Custom Event framework is one of the principle communication mechanisms +in YUI. An object can be augmented with EventTarget, enabling it +to be both a host and a target for Custom Events. Custom Events fire from +their host and optionally bubble up to one or more targets. This allows you to +make the interesting moments of your applications broadly available within a +module, within a set of modules, or throughout a complex interface populated +with rich elements.

+ +

In this example, a simple Custom Event is illustrated: +testEvent. This Custom Event is hosted on a Publisher object and +bubbles up to a BubbleTarget object.

+ +

An
+illustration of the relationship between the Custom Event, its host, and its
+Bubble Target.

+ +

Custom Events, like DOM events, can be stopped +(stopPropagation) and their default behavior can be suppressed +(preventDefault).

+ +
+ + + +
+
+ + +
    +
  1. Custom Event log messages will appear here.
  2. +
+ + + + + + +