Not necessarily. Especially if you have a hierarchy of delegation. (oh wait.. but that's what DOM bubbling is all about).
On Dec 23, 7:49 pm, cheeaun <[email protected]> wrote: > 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-dele...
