Can I determine if a device is in portrait or landscape mode using jquery?

javascript jquery jquery-mobile screen-orientation landscape-portrait
B. Clay Shannon picture B. Clay Shannon · Apr 12, 2013 · Viewed 12.8k times · Source

I want to conditionally alter what the user sees on the photo gallery web site I'm going to create based on if the device being used to view the site is in portrait/vertical vs. landscape/horizontal mode/orientation. Is this possible?

Answer

Abbas picture Abbas · Apr 12, 2013

Try the orientationchange event handler, something like this:

$(window).bind("orientationchange", function(evt){
    alert(evt.orientation);
});

Here's the jQuery Mobile entry on detecting and firing the orientationchange event.

Related questions

Javascript get mobile screen width after orientation change

I am capturing the orientationchange event like this: $(window).bind( 'orientationchange', function(e){ }); How can I get the new screen width and height in pixels after the orientationchage? I have tried screen.width but this doesn't change, it remains as …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
Remove attribute "checked" of checkbox

I need remove the attribute "checked" of one checkbox when errors occur. The .removeAttr function not work. Any idea? :/ HTML <div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;"> <input type="…

Read More