(98) スマホの傾きの変化を検知する。

投稿者: | 2021年2月18日

1. やりたいこと

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

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

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

2. やってみる

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

実現方法

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

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

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

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)