How do you force your Javascript event to run first, regardless of the order in which the events were added?

by

We solved this by just adding a little jQuery extension that inserts events at the head of the event chain:

$.fn.bindFirst = function(name, fn) {
  var elem, handlers, i, _len;
  this.bind(name, fn);
  for (i = 0, _len = this.length; i < _len; i++) {
    elem = this[i];
    handlers = jQuery._data(elem).events[name.split('.')[0]];
    handlers.unshift(handlers.pop());
  }
};

Then, to bind your event:

$(".foo").bindFirst("click", function() { /* Your handler */ });

Easy peasy!

More Related Contents:

  1. event.preventDefault() vs. return false
  2. window.onload vs $(document).ready()
  3. Getting the ID of the element that fired an event
  4. jQuery.click() vs onClick
  5. Trigger a keypress/keydown/keyup event in JS/jQuery?
  6. Object.watch() for all browsers?
  7. window.onbeforeunload and window.onunload is not working in Firefox, Safari, Opera?
  8. Firing event on DOM attribute change
  9. Listening for variable changes in JavaScript
  10. How do you log all events fired by an element in jQuery?
  11. Jquery Event won’t fire after ajax call
  12. jQuery equivalent of JavaScript’s addEventListener method
  13. Way to know if user clicked Cancel on a Javascript onbeforeunload Dialog?
  14. Intercept all ajax calls?
  15. How do you detect the clearing of a “search” HTML5 input?
  16. How to check if any JavaScript event listeners/handlers attached to an element/document? [duplicate]
  17. How to delay calling of javascript function?
  18. Mozilla firefox not working with window.onbeforeunload
  19. Implementing jQuery’s “live” binder with native Javascript
  20. How to tell which row number is clicked in a table?
  21. full-screen browser window on load document
  22. Only fire an event once?
  23. Detecting an image 404 in Javascript
  24. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  25. JavaScript/jQuery event listener on image load IE issues
  26. Fire oninput event with jQuery
  27. How can I tell when a CSS background image has loaded? Is an event fired? [duplicate]
  28. Capturing result of window.onbeforeunload confirmation dialog
  29. How to execute code in a javascript append
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment