jquery检测手机方向

Posted 2023-03-31

【中文标题】jquery检测手机方向

【英文标题】：jquery detect phone orientation

【发布时间】：2015-06-11 15:51:57

【问题描述】：

我编写了一些代码，提醒用户在手机上更改为横向基本上转到纵向。这很好用，但如果用户从横向开始，它显然不会显示，因为没有方向变化。有没有办法获得 get go 的方向？

$(window).on("orientationchange",function()
        if( (window.orientation == 90 && $( window ).width() < 780) || (window.orientation == -90 && $( window ).width() < 780) ) // Landscape
        
          $('body').append('<div class="phoneLandscape"><h4>Sorry, this site is best viewed in Portrait Mode</h4></div>');
        
        else // Portrait
        
          $('.phoneLandscape').remove();
        
      );

【问题讨论】：

***.com/questions/4917664/…的可能重复

【参考方案1】：

jQuery mobile 有 $(window).on("orientationchange") 方法，但如果你想在任何给定时间检测方向，试试这个

if(window.innerHeight > window.innerWidth)
    //portrait

if(window.innerWidth > window.innerHeight)
    //landscape

【讨论】：

但这不会影响非移动设备吗？如果您只想将其应用于移动设备怎么办？