It's easy to create a smaller delegation code. (see under Event Delegation at: http://mootools.net/blog/2011/03/28/events-with-mootools-element-class-delegation-and-pseudos/ )
It's not easy to provide cross-browser (read IE) event delegation for each event. On Tue, May 10, 2011 at 3:51 PM, Rolf -nl <[email protected]> wrote: > delegation rocks > I'd use it and just include the little amount of code needed for it.. > it's not much and it's better to use delegation than maybe adding > events to 3-10-1000 forms :) > there's also some delegation stuff on forge I think.. not sure if it's > less code though. > > On May 10, 2:31 am, "Steve Onnis" <[email protected]> wrote: > > If i can do it without it i would prefer not adding more weight to the > code > > but thanks for thnfo > > > > > > > > > > > > > > > > -----Original Message----- > > From: duclet [mailto:[email protected]] > > Sent: Tuesday, 10 May 2011 3:38 AM > > To: MooTools Users > > Subject: [Moo] Re: Common functions for events > > > > Why not just use event delegation? Add it in from More and you have > > it: > > > > http://jsfiddle.net/LWUX3/2/ > > > > On May 9, 11:41 am, "Steve Onnis" <[email protected]> wrote: > > > I did it like that cause i didn’t think the event argument would get > > passed > > > in. Now i know :) thanks > > > > > -----Original Message----- > > > From: Izzy [mailto:[email protected]] > > > Sent: Tuesday, 10 May 2011 12:46 AM > > > To: MooTools Users > > > Subject: [Moo] Re: Common functions for events > > > > > You're really basically there, except you're event handler is a bit > > > redundant. > > > > > function submitFunction(ev) { > > > ev.stop(); > > > console.log(this) > > > } > > > > > $("f1").addEvent("submit", function(ev) { > > > submitFunction.attempt(ev, $("f1")) > > > }); > > > > > Why are you wrapping the submitFunction inside an anonymous function? > > > > > By definition, the "this" inside that function will the the element it > > > fires on. > > > > > Just do: > > > > > $('f1').addEvent('submit', submitFunction); > > > > > and call it a day ;) > > > > > On May 9, 8:35 am, "Steve Onnis" <[email protected]> wrote: > > > > I am wondering which is the best way to use a common function for > > element > > > > events. > > > > > > For example, i have a form that loads on the page, then on that same > > page > > > i > > > > have an ajax window that opens that has other forms and i want to > assign > > > the > > > > same submit event function for both forms. Because i need to add the > > > events > > > > to the forms in the ajax window programmatically i want to create a > > > generic > > > > function which i can assign to multiple forms. > > > > > > Is this the best way to do it? > > > > > >http://jsfiddle.net/LWUX3/ > > > > > > Steve >
