jquery 检测手机方向

Question

我编写了一些代码，提醒手机上的用户从横向变为纵向。这很有效，但如果用户从横向开始，它显然不会显示，因为没有方向变化。有没有办法只获取开始的方向？

$(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();
        }
      });

Answer 1

jQuery mobile 有方法 $(window).on("orientationchange") 但如果您希望在任何给定时间检测方向，请尝试此

if(window.innerHeight > window.innerWidth){
    //portrait
}
if(window.innerWidth > window.innerHeight){
    //landscape
}