node-evt-delegation-source.mustache revision fb1ecdf65fd4106deb62da339763f2e7670ca0f6
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina<ul id="demo">
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina <li><em>click me if you don't mind...</em></li>
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina <li><em>click me if you don't mind...</em></li>
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina <li><em>click me if you don't mind...</em></li>
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina <li><em>click me if you don't mind...</em></li>
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel BřezinaYUI().use('node', function(Y) {
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina var nodes = Y.all('#demo li');
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina var onClick = function(e) {
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina e.currentTarget.addClass('yui3-pass'); // e.currentTarget === #demo li
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina e.target.setContent('thanks for the click!'); // e.target === #demo li or #demo li em
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina e.container.setStyle('border', '5px solid blue'); // e.container === #demo
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina nodes.filter(':not(.yui3-pass)').setContent('Click me too please!');
4049b63f8c67ada17b453463b0451ca6be3d5de4Pavel Březina Y.one('#demo').delegate('click', onClick, 'li');