YUI Library Examples: Node: Delegating Node Events

Node: Delegating Node Events

Setting up the HTML

First we need some HTML to work with.

Geting a NodeList Instance

We will use the all method of our YUI instance to get a NodeList instance to work with.

Delegating Node Events

In this example, we will listen for a click event on the list and handle it at the item level and use information from both the NodeList instance and event object to update the nodes.

Now we just assign the click handler to the UL that will allow us to use event bubbling to handle clicks on each LI.

Full Script Source