Node: NodeList Events
+ +
+
+
+ +
This example demonstrates how to use events with NodeList instances.
+Clicking a box will update its content.
+ + +
+
+
+
+
+
+
+
+
+
+ -
+
i am lorem
+ i am ispum
+
Setting up the NodeList
+First we need some HTML to work with.
+ +Handling Events
+Next we will add a handler to run when the event is fired. In our handler we will update the node with the type of the event.
Note that the event handler receives an event object with its currentTarget set to the current Node instance, and the actual node clicked as the target. The context of the handler is the NodeList instance, so this refers to our NodeList instance.
Attaching Events
+We can assign our handler to all of the items by using the all method to get a NodeList instance and using the on method to subscribe to the event.