Response title
This is preview!
Move this topic
Event delegation
in Developing jQuery Core
•
13 years ago
jQuery developers,
I've heard that event delegation is being added to many of the big
JS libraries, including jQuery. It has been a major component of
JavaScriptMVC.
For JavaScriptMVC's next version, I'm considering using jQuery by
default and replacing any redundant functionality with jQuery or its
plugins.
For this to happen, I'd like to help with JavaScriptMVC's code if
necessary.
How far along is this effort? Have you already figured out the
special edge cases -> submit/change in IE, change in webkit?
Please let me know if I can help.
Replies(16)
Re: Event delegation
13 years ago
The new .live() code is in trunk now. The submit/change fixes haven't
landed yet but I was planning on integrating the code from Joern's
delegation plugin (as he resolves the issues there).
--John
landed yet but I was planning on integrating the code from Joern's
delegation plugin (as he resolves the issues there).
--John
Leave a comment on jeresig's reply
Re: Event delegation
13 years ago
To clarify, my delegation plugin handles focus/blur events, so far by
providing special event handling for focusin/focusout in browsers that
don't already support it (currently only IE). Though it should be easy
to rewrite that to bind to focus and blur instead.
I think Klaus Hartl had a different plugin that provided the fix for
the submit event.
The approach for change should be very similar to focus/blur: Bind the
event with caputing instead of bubbling.
Jörn
providing special event handling for focusin/focusout in browsers that
don't already support it (currently only IE). Though it should be easy
to rewrite that to bind to focus and blur instead.
I think Klaus Hartl had a different plugin that provided the fix for
the submit event.
The approach for change should be very similar to focus/blur: Bind the
event with caputing instead of bubbling.
Jörn
Leave a comment on joern.zaefferer's reply
Re: Event delegation
13 years ago
Yes, I wrote a fix for submit and reset, although quite rough and
never got around to improve it. Ariel already proposed refactored code
at that time.
The most up-to-date version is probably the one from Plazes:
http://plazes.com/javascripts/jquery.delegate.js
Bit redundant code there as well as code to handle Safari 2...
--Klaus
Leave a comment on klaus.hartl's reply
Re: Event delegation
13 years ago
Afaik we are dropping support for Safari 2, so that could be simply removed.
Jörn
Jörn
Leave a comment on joern.zaefferer's reply
Re: Event delegation
13 years ago
Dropping support?
I'd like to be more involved with these types of decisions even if
it's just being aware. Where do you guys discuss this stuff?
Thanks
-- Elijah
Sent from my iPhone
Leave a comment on elijah.insua's reply
Leave a comment on jeresig's reply
Leave a comment on elijah.insua's reply
Leave a comment on rdworth's reply
Re: Event delegation
13 years ago
<html><body bgcolor="#FFFFFF"><div>Thank you, I just moved cross country and have been really busy. Apparently I missed these
Sent from my iPhone</div><div>
On Dec 22, 2008, at 9:54 PM, "Richard D. Worth" <<a href="mailto:rdworth@gmail.com">rdworth@gmail.com</a>> wrote:
</div><div></div><blockquote type="cite"><div>
Sent from my iPhone</div><div>
On Dec 22, 2008, at 9:54 PM, "Richard D. Worth" <<a href="mailto:rdworth@gmail.com">rdworth@gmail.com</a>> wrote:
</div><div></div><blockquote type="cite"><div>
Leave a comment on elijah.insua's reply
Re: Event delegation
13 years ago
Change in IE:
I listen for click instead of change. I check if it is on a SELECT
element. If it is, I check to see if its value has changed after each
click. I don't think using capture instead of bubbling will help.
Change in webkit
Listen for change, but I think it is called even if someone doesn't
change the element. In this case I just check if the value has
changed.
Submit in IE
listen for return keypress in text inputs and clicks on submit
buttons.
I'm going to hopefully play with this over the holidays. Does live
call back delegated functions in the same order that bubbling
happens? Is it possible to 'kill' live events w/o killing traditional
events?
It's great to see this in a mainstream library! I'm so impressed with
jQuery.
Leave a comment on justinbmeyer's reply
Leave a comment on dswitzer's reply
Re: Event delegation
13 years ago
So, I've started the process of converting to jQuery. But, I think
there is a snag. I noticed that you can't cancel events. Is this on
the horizon? In JMVC, I collect all the elements that respond to the
event through delegation and order them. I dispatch each callback,
but if the event's "kill" function is called, it will not dispatch to
any other events.
I've found this ability necessary in many projects.
Also, will it be possible to delegate from other elements?
$(myelement).live("a.delete")
This is important once you start to get multiple instances of the same
widget on the page.
Thanks!
Leave a comment on justinbmeyer's reply
Re: Event delegation
13 years ago
Justin -
If I'm understanding you correctly you're concerned that
stopPropagation doesn't work with live events - that is correct. We
have a patch that we're working on to, potentially, provide a fix for
this - we hope to land it soon!
--John
If I'm understanding you correctly you're concerned that
stopPropagation doesn't work with live events - that is correct. We
have a patch that we're working on to, potentially, provide a fix for
this - we hope to land it soon!
--John
Leave a comment on jeresig's reply
Re: Event delegation
13 years ago
I've become accustomed to jQuery. Dependant on jQuery would be putting
it better.
As such I had the idea of building a "packager" which would allow me to
customize a jQuery distribution to include only the functionality I need
for a project -- such as including the cross browser $.ready(), sizzle
selectors, manipulation functions, and attribute functions .... with
CSS, Events, Ajax, and Traversing abstracted out of the distribution.
Something like YUI's Dependency Configurator;
[ http://developer.yahoo.com/yui/articles/hosting/?datatable#configure ]
My initial thought is that perhaps this work has already been done
somewhere?
Does anyone else have a need for it?
Is it really unnecessary, as the "weight" of the base package is in
Sizzle and the jQuery core/internals?
My goal would be to make a packager that allows you to select components
used... resulting in a lighter weight distribution. This distribution
should be name-spaced [e.g. $ = jQuery-myDist; ] to avoid collisions w/
the potential existence of an introduced jQuery global object
(full-blown version of jQuery).
Having metadata in the jQuery source comments to indicate dependencies
of every function would immensely help this particular endeavor -- but
could cut into maintainability. Eventually the packager could be
extended to include plugins.
Any interest?
~ Brice
Leave a comment on bhb.jquery's reply
Re: Event delegation
13 years ago
Brice,
This *seeems* like a simple matter.. although I have never tried it.
before jQuery is released it is 'built' from its component parts as seen
here: <a href="http://jqueryjs.googlecode.com/svn/trunk/jquery/">http://jqueryjs.googlecode.com/svn/trunk/jquery/</a>
perhaps you could modify the build script to include only the items that you want.
-- Elijah
This *seeems* like a simple matter.. although I have never tried it.
before jQuery is released it is 'built' from its component parts as seen
here: <a href="http://jqueryjs.googlecode.com/svn/trunk/jquery/">http://jqueryjs.googlecode.com/svn/trunk/jquery/</a>
perhaps you could modify the build script to include only the items that you want.
-- Elijah
Leave a comment on elijah.insua's reply
Re: Event delegation
13 years ago
There is something like that but unfortunately not quite up to date:
http://demos.stuartloxton.com/downloader/
Leave a comment on balazs.endresz's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to justinbmeyer's discussion
{"z2949822":[14737000000462277],"z2655461":[14737000000462261],"z2949326":[14737000000462251],"z2949607":[14737000000462273],"z2951557":[14737000000462255,14737000000462259,14737000000462263,14737000000462275],"z165885":[14737000000462245,14737000000462265,14737000000462269],"z2566198":[14737000000462247,14737000000462257,14737000000462271],"z2600866":[14737000000462249,14737000000462253],"z2949113":[14737000000462267]}
Statistics
- 16 Replies
- 4981 Views
- 0 Followers