jQuery Listen 介绍
The release shown below is not the last. Please
check1.0.3 instead.
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.
Update: 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!.
The plugin supports these kind of selectors:
- #id
- nodeName
- .class
- nodeName.class
- a comma-separated selector combining these 4.
I plan to add more support, but perfomance and scalability are my priorities.
These simple selectors give enough functionality for many cases.
If, for example, you want tables, to react to clicks on it’s rows, then you
can do this:
jQuery('table').listen( 'click', 'tr', function(){ alert('you clicked a row!!'); });
No matter how many times you add/remove rows, they will still be clickable.
You can also do this:
jQuery.listen( 'click', 'tr', function(){ alert('you clicked a row!!'); });
This time, the listener will be the document. So now you can add/remove tables
as well, clicking the rows will still trigger the handler.
If you need full support for selectors, and you mind sacrificing a little of
scalability, you can check http://plugins.jquery.com/project/Intercept for a
similar solution.