Performance difference between jQuery’s .live(‘click’, fn) and .click(fn)

by

If not, why would you ever use click
or bind(‘click’)?

Because $.live() has some significant disadvantages

  • Live events do not bubble in the traditional manner and cannot be
    stopped using stopPropagation     (This changed in jquery 1.4.4) or
    stopImmediatePropagation. For example,
    take the case of two click events –
    one bound to “li” and another “li a”.
    Should a click occur on the inner
    anchor BOTH events will be triggered.
    This is because when a
    $(“li”).bind(“click”, fn); is bound
    you’re actually saying “Whenever a
    click event occurs on an LI element –
    or inside an LI element – trigger this
    click event.” To stop further
    processing for a live event, fn must
    return false.
  • Live events currently only work when used against a selector. For
    example, this would work: $(“li
    a”).live(…) but this would not:
    $(“a”, someElement).live(…) and
    neither would this:
    $(“a”).parent().live(…).

More Related Contents:

  1. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  2. jQuery Event Keypress: Which key was pressed?
  3. How to capture the browser window close event?
  4. Definitive way to trigger keypress events with jQuery
  5. How to order events bound with jQuery
  6. Firing event on DOM attribute change
  7. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  8. How to trigger the window resize event in JavaScript?
  9. How do you log all events fired by an element in jQuery?
  10. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  11. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  12. Jquery: change event to input file on IE
  13. How can I listen for a click-and-hold in jQuery?
  14. Preventing click event with jQuery drag and drop
  15. jQuery: How to get the event object in an event handler function without passing it as an argument?
  16. Attach an event in a child iframe to a handler in the parent window
  17. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  18. jQuery: Unbind event handlers to bind them again later
  19. How do you detect the clearing of a “search” HTML5 input?
  20. JS Events: hooking on value change event on text inputs
  21. jQuery event that triggers after CSS is loaded?
  22. jQuery events .load(), .ready(), .unload()
  23. Get the clicked object that triggered jquery blur() event [duplicate]
  24. Drop event not firing in chrome
  25. Prevent onclick action with jQuery
  26. jQuery: How to listen for DOM changes?
  27. jquery/javascript: function(e){…. what is e? why is it needed? what does it actually do/accomplish?
  28. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  29. Fire oninput event with jQuery
  30. addEventListener to iFrame

Leave a Comment