JavaScript resize event on scroll – mobile

by

Cache the width of the viewport and on resize return false if the width is still the same.

A small jQuery snippet:

    var cachedWidth = $(window).width();
    $(window).resize(function(){
        var newWidth = $(window).width();
        if(newWidth !== cachedWidth){
            //DO RESIZE HERE
            cachedWidth = newWidth;
        }
    });

More Related Contents:

  1. Catch browser’s “zoom” event in JavaScript
  2. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  3. When a ‘blur’ event occurs, how can I find out which element focus went *to*?
  4. “this” keyword in event methods when using JavaScript prototype object
  5. onClick not working on mobile (touch)
  6. JavaScript / jQuery: Test if window has focus
  7. Accessing an object’s property from an event listener call in JavaScript
  8. How to pass event as argument to an inline event handler in JavaScript?
  9. Get index of clicked element in collection with jQuery
  10. How to stop default link click behavior with jQuery
  11. JavaScript: DOM load events, execution sequence, and $(document).ready()
  12. Detect between a mobile browser or a PhoneGap application
  13. jQuery live scroll event on mobile (work around)
  14. Detect if button click real user or triggered by a script
  15. Is it possible to control the camera light on a phone via a website?
  16. Difference between document.addEventListener and window.addEventListener?
  17. How to know if .keyup() is a character key (jQuery)
  18. Remove key press delay in Javascript
  19. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  20. How to unbind a specific event handler
  21. Event propagation in Javascript
  22. SVG trigger animation with event
  23. How to disable mouseout events triggered by child elements?
  24. Prototype equivalent for jQuery live function
  25. Angular 2 Hover event
  26. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  27. Google chart redraw/scale on window resize
  28. Fire oninput event with jQuery
  29. How to detect if web app running standalone on Chrome mobile
  30. Javascript Event Handler for Print

Leave a Comment