triggerHandler vs. trigger in jQuery

by

From the Docs at http://api.jquery.com/triggerHandler/

The .triggerHandler() method behaves
similarly to .trigger(), with the
following exceptions:

  • The .triggerHandler() method does not cause the default behavior of an
    event to occur (such as a form
    submission).

Not preventing the default browser actions allow you to specify an action that occurs on focus or select, etc etc etc, that applies a style. Maybe you have a dynamic menu that is Javascript based, so you don’t want to apply the style purely with CSS otherwise those with Javascript disabled won’t understand why the layout looks odd. You can use something like $('menu1select').triggerHandler('click');

  • While .trigger() will operate on all elements matched by the jQuery
    object, .triggerHandler() only affects
    the first matched element.

If you have an event which hides an element onclick for example, and you want to call that function generally, instead of having to specify each element, you can use $('.menu').triggerHandler('click');

  • Events created with .triggerHandler() do not bubble up the
    DOM hierarchy; if they are not handled
    by the target element directly, they
    do nothing.

Prevents propagation, hopyfully don’t have to explain this one…

  • Instead of returning the jQuery object (to allow chaining),
    .triggerHandler() returns whatever
    value was returned by the last handler
    it caused to be executed. If no
    handlers are triggered, it returns
    undefined

This one should be self explanatory as well…

More Related Contents:

  1. How can I trigger the same function from multiple events with jQuery?
  2. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  3. onHide() type event in jQuery
  4. Click event doesn’t work on dynamically generated elements [duplicate]
  5. Firing events on CSS class changes in jQuery
  6. Custom events in jQuery?
  7. How to have click event ONLY fire on parent DIV, not children?
  8. Difference between $(this) and event.target?
  9. How to trigger an event after using event.preventDefault()
  10. How do I hide an element on a click event anywhere outside of the element?
  11. Adding event listeners to dynamically added elements using jQuery [duplicate]
  12. keypress, ctrl+c (or some combo like that)
  13. How to detect input type=file “change” for the same file?
  14. How do I detect a page refresh using jquery?
  15. Get clicked element using jQuery on event?
  16. Accessing functions bound to event handlers with jQuery
  17. jQuery: get the file name selected from
  18. How can I get jQuery .val() AFTER keypress event?
  19. jQuery event that triggers after CSS is loaded?
  20. Get the clicked object that triggered jquery blur() event [duplicate]
  21. Drop event not firing in chrome
  22. jquery fullcalendar event filtering
  23. How do I explicitly execute default action from jQuery event
  24. jquery Event.stopPropagation() seems not to work
  25. how to unbind all event using jquery
  26. jQuery trigger custom event synchronously?
  27. Backbone.js Event Binding
  28. in Jquery how to run code with callback before submit
  29. Detect user scroll down or scroll up in jQuery [duplicate]
  30. Jquery .on(‘scroll’) not firing the event while scrolling

Leave a Comment