jQuery.Listen

This plugin brings a clean, light solution, to websites with dynamic loaded content, or full of event bindings.
Intead of bound, handlers for events, are registered along with matching selectors. And they'll still work for new added content.
This is achieved, using Event delegation, so the plugin will only work for events that bubble.

The plugin supports these kind of selectors:

• #id
• tag
• .cssClass
• tag.cssClass

The plugin now supports comma-separated selectors
I'd like to add more support in the future, but perfomance and scalability are more important. These simple selectors give enough functionality for many cases. If, for example, you want ULs, to react to clicks on its LIs, then you can do this:

$('ul').listen('click','li',function(){
    alert('you clicked an item!!');
});

No matter how many times you add/remove items, they'll still be clickable. You can also do this:

$.listen('click','li',function(){
    alert('you clicked an item!!');
});

This time, the listener will be the document. So now you can add/remove ULs as well, clicking the items will still trigger the handler.

Links

• Project Page
• Small demo
• Changelog

Downloads

• jQuery.Listen 1.0.3 Zip(all files and docs)
• jQuery.Listen 1.0.3 Source(to learn or test)
• jQuery.Listen 1.0.3 Minified(recommended)
• Changelog

I really advice using the minified versions. The code is optimized for those releases. Source versions should only be used to learn.

Update 2/20/08:

jQuery.Listen can now handle both focus and blur events thanks to the focusin/focusout workaround.
Many thanks to Jörn Zaefferer for lending me the code!

Update 3/7/08:

Added 1.0.3, it can handle comma-separated selectors, and there's a new experimental option. You can call:

  $.listen.cache(true);

Only after you finished with ALL the bindings, it will then start caching some things. Again, this is experimental.