Handling events on multiple buttons with one listener.

index.html

[crayon language="html"]
< !doctype html>

YUI Events

• Button 1
• Button 2
• Button 3

[/crayon]

events.js

[crayon language="javascript"]
YUI().use(‘event’, function (Y) {
Y.one(‘#my-list’).on(‘click’, buttonClick);

function buttonClick(event) {
var id = event.target.get(‘id’);
if (event.target.get(‘tagName’).toLowerCase() === ‘button’) {
alert(‘button ‘ + id);
}
}

});
[/crayon]