Node: Delegating Node Events
+ +
+
+
+ +
This example demonstrates using a single event listener on a list to delegate clicks on the list items.
+ + + +
+
+
+
+
+
+
+
+
+
+ -
+
- click me if you don't mind... +
- click me if you don't mind... +
- click me if you don't mind... +
- click me if you don't mind... +
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 the event object to update the nodes.
Now we just assign the handler to the UL using the delegate method to handle clicks on each LI.