モバイル端末の画面回転時におけるイベント処理テンプレート

// 各ブラウザにおけるScreen Orientation APIへの対応状況による分岐処理。
if (screen.orientation) {
  screen.orientation.addEventListener("change", function() {
    // 何らかの処理

    // 画面を回転させる前の設定が反映されてしまう場合は、遅延処理を行う。
    // 例：0.1秒待機してから何らかの処理を行う。
    setTimeout(function() {
      for (let i = 0; i < popupElementArray.length; i++) {
        // 何らかの処理
      }
    }, 100);
  });
} else {
  window.addEventListener("orientationchange resize", function() {
    // 何らかの処理

    // 画面を回転させる前の設定が反映されてしまう場合は、遅延処理を行う。
    // 例：0.1秒待機してから何らかの処理を行う。
    setTimeout(function() {
      for (let i = 0; i < popupElementArray.length; i++) {
        // 何らかの処理
      }
    }, 100);
  });
}