Bind Multiple Events Simultaneously with jQuery
June 5th, 2007
It is sometimes necessary to bind two or more events to an element that utilize the same function. Using jQuery it might look something like this (where 'fn' is a function reference).
-
$("a")
-
.bind("focus", fn)
-
.bind("mouseover", fn);
That isn't terrible but it would be nice if we could write it like this.
-
$("a").bind("focus mouseover", fn);
Well, now we can! I just checked in an extension to the jQuery plugins repository that adds this functionality. It is pretty small and if you use this pattern often, then save yourself some typing and get this extension! You can grab the source code from SVN or from here. You can find a test/example page here. This new syntax also applies to the one and unbind methods as well.
November 18th, 2007 at 10:07 am
Was looking for this, thanks for pointing.
February 3rd, 2008 at 3:11 pm
THANK YOU Brandon !!!!!