On Dec 24, 8:49 am, Aaron <[email protected]> wrote:
>...
>
> Secondly I have a new Element extension for event delegation. Event
> delegation is a common practice where by you attach an event listener
> to a parent object to monitor its children rather than attach events
> to all the children. It’s far more efficient when you have numerous
> items on a page that you want to interact with.
>
> Instead of doing
>
> $$('a').each(function(el) {
> el.addEvent('click', function(){
> alert('you clicked a link!');
> });
>
> });
>
> which can have a big startup cost on a page full of links, you
> delegate the event to the parent:
>
> $(document.body).delegate('click', 'a', function(){
> alert('you clicked a link!');
>
> });
>
> Only one event gets attached and it's far more efficient. Check out
> the longer article here:
>
> http://www.clientcide.com/code-releases/event-delegation-for-mootools/
>
> And examples in action here:
>
> http://www.clientcide.com/wiki/cnet-libraries/04-element/0.1-element....
This is cool but for some reason, I prefer the syntax to be something
like this?:
$(element).delegate('click', function(){
alert('you clicked a link!');
});
.. though I think it's assumed that all events are added to
document.body
By the way, also watching this ticket:
http://mootools.lighthouseapp.com/projects/2706/tickets/55-event-delegation-method-for-element
