564 views

この記事は最終更新から 1332日 が経過しています。

1. やりたいこと

スマホを「縦向き←→横向き」に回転すると、ページの表示領域幅が変化する。

このときに…
何かをやりたい
こともある。

この実現方法を確認しておきたい。

2. やってみる

詳細に説明を書くほどのことではないので、実現方法を記しておく。

実現方法

window.addEventListener("orientationchange", function(){
  // 検知時にやりたいことを書く。
});

使用例#1 : スマホ回転時にページを再読み込みしたい。

今表示中のページをリロードすればよい。

window.addEventListener("orientationchange", function(){
  location.reload();
});