Resize event firing multiple times while dragging the resize handle

by

How about some code like this:

function resizeStuff() {
 //Time consuming resize stuff here
}
var TO = false;
$(window).resize(function(){
 if(TO !== false)
    clearTimeout(TO);
 TO = setTimeout(resizeStuff, 200); //200 is time in miliseconds
});

That should make sure the function only resizes when the user stops resizing.

More Related Contents:

  1. jQuery callback on image load (even when the image is cached)
  2. How can I trigger the same function from multiple events with jQuery?
  3. Firing events on CSS class changes in jQuery
  4. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  5. How can I recognize touch events using jQuery in Safari for iPad? Is it possible?
  6. Difference between $(this) and event.target?
  7. How to trigger an event after using event.preventDefault()
  8. keypress, ctrl+c (or some combo like that)
  9. Auto resizing the SELECT element according to selected OPTION’s width
  10. Using jQuery To Get Size of Viewport
  11. Get clicked element using jQuery on event?
  12. How to detect new element creation in jQuery?
  13. window.resize event firing in Internet Explorer
  14. return false from jQuery click event
  15. auto resize text (font size) when resizing window?
  16. onHide() type event in jQuery
  17. What’s the difference between keyup, keydown, keypress and input events?
  18. Resizable table columns with jQuery [closed]
  19. Triggering jquery with css media queries
  20. jquery – keep window from changing scroll position while prepending items to a list?
  21. How to change height div on window resize?
  22. How to pass values arguments to modal.show() function in Bootstrap
  23. How do you resize Fancybox at runtime?
  24. jQuery Animation – Smooth Size Transition
  25. jQuery get input value after keypress
  26. jquery resize listener on a div
  27. How do I get the offset().top value of an element without using jQuery?
  28. triggerHandler vs. trigger in jQuery
  29. jQuery trigger custom event synchronously?
  30. Custom CSS to allow chrome textarea resize smaller than initial state?

Leave a Comment