OOUI/OOjs primer

The OOUI library is based on the event model provided by . If you are not familiar with OOjs, you may wish to take a moment to familiarize yourself with its  , as it is a convenient and powerful tool that will often be used in examples.

EventEmitter allows event handlers to be connected to an object, called when events occur, and disconnected when no longer needed. Events are tied to their context. For example, when a toggle button changes state, the event is not simply ‘change,’ but ‘change’ and the value of the toggle button’s state ( ‘on’ or ‘off’).

The most basic way to connect and disconnect an event handler is with the EventEmitter’s  and   methods. In the following example, the  method is used to connect an   event handler to a toggle button, which is defined in the example as well.

Often, the  and   methods are used to connect and disconnect multiple event handlers to objects. The following example illustrates these methods.

For more details about EventEmitter, please see OOjs/Events.