透過JQuery判斷手持裝置直向、橫向

2012-07-26

2717
0
JAVASCRIPT

透過JQuery判斷手持裝置直向、橫向

現在的客戶要求網站要跨瀏覽器跟手持裝置也要能正常瀏覽網站…

所以在網上找了如何用JQuery判斷手持裝置的直向橫向。

程式碼轉自：http://patw.idv.tw/blog/archives/555

參考：http://stackoverflow.com/questions/1649086/detect-rotation-of-android-phone-in-the-browser-with-javascript

程式碼如下…記得要先引用JQuery


 
        mode = Math.abs(window.orientation) == 90 ? 'landscape' : 'portrait';
 
        // 在 Android 上使用 Opera Mobile 測試, 發現要另外這樣判斷
        if ( $.browser.opera )
        {
            width = screen.width;
            height = screen.height;
            mode = width > height ? "landscape" : "portrait";
        }
 
        // 本例為希望在使用者用橫向瀏覽時，就秀出遮罩或警示訊息
        if (mode == 'landscape')
        {
           // 警語遮罩 顯示
           alert(''landscape')');
        } else {
           // 警語遮罩 關閉
           alert('"portrait";');
        }
};
 
window.addEventListener("resize", checkOrientation, false);
window.addEventListener("orientationchange", checkOrientation, false);
setInterval(checkOrientation, 500);

回首頁