Will $(window).resize() fire on orientation change?

by

Some devices/browsers do, some not. You need to decide your supported browsers and devices.

If you want to be on secure side you should use the resize event and get/check the sizes inside in it; if you know your desired devices go with a simple orientation change:

Easy solution:

// Listen for orientation changes      
window.addEventListener("orientationchange", function() {
    // Announce the new orientation number
    alert(window.orientation);
}, false);

More secure/supported

// Listen for resize changes
window.addEventListener("resize", function() {
    // Get screen size (inner/outerWidth, inner/outerHeight)

}, false);

David Walsh wrote a good article about resize and orientation change event.
More about orientation change and sizes here:
http://davidwalsh.name/orientation-change

More Related Contents:

  1. How to add images in divs randomly using JavaScript?
  2. Rails 4: how to use $(document).ready() with turbo-links
  3. jQuery animate backgroundColor
  4. Rendering HTML inside textarea
  5. Graph visualization library in JavaScript
  6. Is it possible to display a custom message in the beforeunload popup?
  7. Convert JSON array to an HTML table in jQuery
  8. How to detect online/offline event cross-browser?
  9. Scroll to an element with jQuery
  10. Cross domain iframe issue
  11. Javascript Print iframe contents only
  12. What’s the best way to retry an AJAX request on failure using jQuery?
  13. JQuery to load Javascript file dynamically
  14. jQuery or javascript to find memory usage of page
  15. Keep Bootstrap Dropdown Open When Clicked Off
  16. jQuery attr vs prop?
  17. Copy image to clipboard
  18. How do I find out with jQuery if an element is being animated?
  19. pass post data with window.location.href
  20. How to open a new window and insert html into it using jQuery?
  21. How to get the tag HTML with JavaScript / jQuery?
  22. javascript regex for password containing at least 8 characters, 1 number, 1 upper and 1 lowercase [duplicate]
  23. How can I retain the scroll position of a scrollable area when pressing back button?
  24. Rails, javascript not loading after clicking through link_to helper
  25. How to make jQuery to not round value returned by .width()?
  26. Does scrollIntoView work in all browsers?
  27. How to set ChartJS Y axis title?
  28. jquery only allow input float number
  29. Gaussian Blur onHover Using jQuery
  30. How to send data from HTML form to Google Spreadsheet using JavaScript?

Leave a Comment