Detecting if a device is able to change orientation in JavaScript

by

Detecting mobile devices:

  1. Simple browser sniffing

    if (/mobile/i.test(navigator.userAgent)) {...}

  2. jQuery.browser.mobile plug-in (exhaustive browser sniffing)

  3. Simple test for touch events

    if ('ontouchstart' in window) {...}

  4. Advanced test for touch events:

    if (('ontouchstart' in window) ||     // Advanced test for touch events
   (window.DocumentTouch && document instanceof DocumentTouch) ||
   ((hash['touch'] && hash['touch'].offsetTop) === 9)) {...}

Optionally use onorientationchange for #3 and #4 above.

Combine 1 or more of these (and any other approaches) as needed. None of them are foolproof.

More Related Contents:

  1. Detect viewport orientation, if orientation is Portrait display alert message advising user of instructions
  2. My code dont works but I don't know why [closed]
  3. Preloading images with jQuery
  4. Prevent execution of parent event handler
  5. Submitting a form on ‘Enter’ with jQuery?
  6. How to measure a time spent on a page?
  7. Removing an item from a select box
  8. File Upload without Form
  9. Add/remove class with jquery based on vertical scroll?
  10. Loading local files with Javascript without a web server
  11. How to get JQuery.trigger(‘click’); to initiate a mouse click
  12. jQuery .find() doesn’t return data in IE but does in Firefox and Chrome
  13. How to use jQuery and jQuery plugins with PrimeFaces
  14. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  15. Populate one dropdown list based on the selection of other dropdown list
  16. window.resize event firing in Internet Explorer
  17. Disabling the button after once click
  18. Callback function example
  19. How to reach the element itself inside jQuery’s `val`?
  20. adding to window.onload event?
  21. Browser back button handling
  22. jQuery event that triggers after CSS is loaded?
  23. ask for geolocation permission again if it was denied
  24. How to chain ajax requests?
  25. sort JSON by date
  26. How to use Javascript to check and load CSS if not loaded?
  27. Use Django template tags in jQuery/Javascript?
  28. How to convert selected HTML to Json?
  29. Event on a click everywhere on the page outside of the specific div
  30. ‘append’ called on an object that does not implement interface FormData

Leave a Comment