jquery检测手机方向

Question

我编写了一些代码，提醒用户在手机上更改为横向基本上转到纵向。这很好用，但如果用户从横向开始，它显然不会显示，因为没有方向变化。有没有办法获得 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();
        }
      });

Answer 1

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

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