जावास्क्रिप्ट/jquery में आईपैड लैंडस्केप/पोर्ट्रेट मोड में कैसे पता लगाया जाए?

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Rotation Test</title> 
    <link type="text/css" href="css/style.css" rel="stylesheet"></style> 
    <script src="js/jquery-1.5.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     window.addEventListener("resize", function() { 
      // Get screen size (inner/outerWidth, inner/outerHeight) 
      var height = $(window).height(); 
      var width = $(window).width(); 

      if(width>height) { 
       // Landscape 
       $("#mode").text("LANDSCAPE"); 
      } else { 
       // Portrait 
       $("#mode").text("PORTRAIT"); 
      } 
     }, false); 

    </script> 
</head> 
<body onorientationchange="updateOrientation();"> 
    <div id="mode">LANDSCAPE</div> 
</body> 
</html>

स्रोत

2015-01-08 14:26:54

आप समाधान की कोशिश कर सकते हैं:

orientation = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';

http://github.com/senchalabs/jQTouch/blob/master/jqtouch/jqtouch.js

तुम भी घटनाओं

पिछले जवाब देखें onorientationchange सुन सकते हैं , सभी brows के साथ संगत एर।

बाद

orientationchange अनुकूलता pic है:, यह एक @media पर आधारित है इसलिए, मैं लेखक एक orientaionchange polyfill library-- orientationchange-fix

window.addEventListener('orientationchange', function(){ 
if(window.neworientation.current === 'portrait|landscape'){ 
    // do something…… 
} else { 
    // do something…… 
} 
}, false);

और उसके बाद, आप प्राप्त कर सकते हैं orientationchange उपयोगिता को ठीक करने का श्रेय window.neworientation.current द्वारा अभिविन्यास की वर्तमान स्थिति और window.neworientation.init द्वारा अभिविन्यास की प्रारंभिक स्थिति।

स्रोत

2016-09-13 09:52:43 Zhansingsong

जावास्क्रिप्ट/jquery में आईपैड लैंडस्केप/पोर्ट्रेट मोड में कैसे पता लगाया जाए?

उत्तर

संबंधित मुद्दे