- 2022.03.28 Monday
- スポンサーサイト
-
一定期間更新がないため広告を表示しています
- | スポンサードリンク | - | | - | - | pookmark |
- 2013.10.30 Wednesday
- スマホ 向けサイト 縦向き、横向きをjavascriptで識別
-
スマホ 向けサイトを作っているけど、
どうやっても縦向き、横向きをjavascriptで識別しないと作りようがなかったので
調べてみた。
一回目のロードでは
検索して出てきた この判別でいいんだけど
if(Math.abs(window.orientation) === 90) {
alert("ヨコです。"); // ここに実行したい処理を書く
} else {
alert("タテです。"); // ここに実行したい処理を書く
}
途中で回転された場合はちがった。
前の幅と今回の幅を比較する方法で修正した。
oldWidth=0 firsttime=1 //$(window).bind(“load resize”,function(){ $(window).on("load resize", function(){ alert("画面が回転しました"); // ここに実行したい処理を書く width=window.innerWidth if(firsttime==1){ firsttime=0 if(Math.abs(window.orientation) === 90) { alert("ヨコです。"); // ここに実行したい処理を書く } else { alert("タテです。"); // ここに実行したい処理を書く } }else{ if(width>oldWidth){ alert("ヨコです。"); // ここに実行したい処理を書く }else{ alert("タテです。"); // ここに実行したい処理を書く } } oldWidth=width });
- | whaison | smartphoneSite | 18:15 | comments(0) | - | pookmark |