Handling Orientation Events jQuery

Device portrait/landscape orientation event

Value	Description
0	Portrait orientation. This is the default value.
-90	Landscape orientation with the screen turned clockwise.
90	Landscape orientation with the screen turned counterclockwise.
180	Portrait orientation with the screen turned upside down. This value is currently not supported on iPhone.

<div id="output"></div>
function updateOrientation() {
     var displayStr = "Orientation : ";
     switch (window.orientation) {
         case 0:
             displayStr += "Portrait";
             break;
         case -90:
             displayStr += "Landscape (right, screen turned clockwise)";
             break;
         case 90:
             displayStr += "Landscape (left, screen turned counterclockwise)";
             break;
         case 180:
             displayStr += "Portrait (upside-down portrait)";
             break;
     }
     document.getElementById("output").innerHTML = displayStr;
 }

jQuery touch events

DEMO IN Mobile or IPad

DEMO IN Desktop