dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

JavaScriptでスマホ画面を横に回転させた時(Landscape)に処理を実行するTips

f:id:kokushin:20160408103917p:plain

スマホ画面を横に回転させた時に処理を実行するための記述をメモしておきます。
これは割とよく使うので早めに暗記したいところ。

JavaScript

$(window).on('orientationchange resize', function() {
    if (Math.abs(window.orientation) === 90) {
        // ここに回転させた時の処理
    } else {
        // ここに元に戻した時の処理
    }
});

条件分岐のところでは、-90にならないようMath.abs()で調整しています。
orientationっていつも打ち間違えるんですよね、覚えましょう?