jQuery・Javascript jQueryを使った小技やAjax非同期通信などについて

jQueryでスマートフォンやタブレットを、縦で持っているか、横で持っているか判定する

2015年3月2日
この記事は掲載から845日経過しています。
情報が古い可能性が有りますのでご了承下さい

スライダー作っているときこれが必要だったのですが、忘れがちなので覚え書きです。

縦で持っているか横で持っているかページ読み込み時に調べる

orientationは横持ちだと1以上の数値を返してくれるので、これで判定可能です。ただ、これはあくまでページを読み込んだ時に判定するだけなので、縦横グリグリされても反応しません。

回転時にどちら向きかを調べる

回転させたときにどちら向きかを判定して処理するので、アクティブに処理を変更できます。

ただし、例えばここでウインドサイズを取得するような処理が必要な場合は、取得出来るのは回転前の数値なので、setTimeoutなんかで1秒ほど遅延させてからサイズ取得すると良さそうです。

  • このエントリーをはてなブックマークに追加
  • LINEで送る

このカテゴリーのその他の記事

PAGE TOP