Comments on: Event Delegation With YUI 3

By: Caridy Patino

Caridy Patino — Mon, 16 Nov 2009 18:30:32 +0000

@Binesh: this feature is a built-in solution in YUI 3.0, and it’s not related with bubbling library. And yes, you can use it in a similar way. Here is an example:

Y.delegate('click', function(e) { // e.currentTarget -> matching node e.halt(); }, 'document', 'a.actionPopup, button.actionPopup');

In this case, this is a global listener at the document level, triggering the action if the user clicks on a link or a button with class “actionPopup”. That will be very similar to what “YAHOO.Bubbling.addDefaultAction” does, but in a more consistent way. :-)

By: Event Delegation with YUI 3.0 | TopicObserver.com

Event Delegation with YUI 3.0 | TopicObserver.com — Mon, 16 Nov 2009 13:57:57 +0000

[...] I’ve never used the YUI library (yet), but the new event delegation functionality of YUI 3.0 has a very nice look to it: // Defining simple listeners on each element: Y.on(”click”, [...]

By: Binesh Gummadi

Binesh Gummadi — Mon, 16 Nov 2009 13:03:42 +0000

This is great. We are using bubbling library 2.1 and I am not sure if it is compatible with YUI2.8 yet.

Does addDefaultAction method use on() or delegate()?

YAHOO.Bubbling.addDefaultAction(‘container’, handleClick);

Once again a neat explanation. Thank you.

By: Caridy Patino

Caridy Patino — Sat, 14 Nov 2009 20:28:36 +0000

Yes, you’re right, “delegate” was introduced in YUI 3.0 beta and has been backported into YUI 2.8. Here is the full info:

http://developer.yahoo.com/yui/event/#delegate

By: thanks

thanks — Sat, 14 Nov 2009 16:51:36 +0000

I believe you rolled .delegate() into the 2.8 branch as well (I sure hope so, because I’m using it :)).

By: Josh L

Josh L — Sat, 14 Nov 2009 00:47:52 +0000

This is great!

You linked me to it once, but I never dove into your Bubbling Library for YUI2.

For me, this will be especially useful for callbacks that handle “sliding door” links. Handling the em/span/img part of the sliding door link and handling grouped links with anywhere from 1-5 class names come to mind. For example:

http://css-tricks.com/forums/viewtopic.php?f=5&t=3965