js判斷螢幕是否旋轉程式碼例項

螢幕旋轉這個效果大家都很熟悉了，根據不同的方位可能要應用不同的程式碼。

下面就通過一段程式碼介紹一下如何使用javascript實現判斷螢幕旋轉效果。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
function orientationChange() {
  switch (window.orientation) {
    case 0:
      alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case -90:
      alert("左旋 -90,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case 90:
      alert("右旋 90,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case 180:
      alert("風景模式 180,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
  };
};

下面是事件處理函式註冊:

[JavaScript] 純文字檢視 複製程式碼
addEventListener('load', function () {
  orientationChange();
  window.onorientationchange = orientationChange;
});