JavaScript を使用してモバイル ブラウザの向きの変化を検出するにはどうすればよいですか?

この API を使用するには、次の操作を行うことができます:

1. イベントを追加するscreenorientation.onchange イベントのリスナー。
2. イベント ハンドラーで、次を使用して現在の方向を取得します。 screen.orientation.type.
3. 方向の値 (例: 風景-プライマリ、ポートレート-セカンダリ) を確認し、適切なアクションを実行します。

スニペットの例を次に示します:

window.addEventListener("DOMContentLoaded", () => {
  const output = document.getElementById("o9n");

  const displayOrientation = () => {
    const screenOrientation = screen.orientation.type;
    output.innerHTML = `The orientation of the screen is: ${screenOrientation}`;
    // Check the orientation and log messages accordingly
  };

  if (screen && screen.orientation !== null) {
    try {
      window.screen.orientation.onchange = displayOrientation;
      displayOrientation();
    } catch (e) {
      output.innerHTML = e.message;
    }
  }
});