基于jQuery的判斷iPad、iPhone、Android是橫屏還是豎屏的代碼
更新時(shí)間：2014年05月11日 12:24:41 作者：
在ipad、iphone網(wǎng)頁開發(fā)中，我們很可能需要判斷是橫屏或者豎屏。下面就來介紹如何用 jQuery 判斷iPad、iPhone、Android是橫屏還是豎屏的方法
其實(shí)主要是通過window.orientation實(shí)現(xiàn)，下面看下代碼吧
復(fù)制代碼 代碼如下:
function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad、iphone豎屏；Andriod橫屏
$("body").attr("class", "landscape");
orientation = 'landscape';
return false;
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad、iphone橫屏；Andriod豎屏
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//頁面加載時(shí)調(diào)用
$(function(){
orient();
});
//用戶變化屏幕方向時(shí)調(diào)用
$(window).bind( 'orientationchange', function(e){
orient();
});
屏幕方向?qū)?yīng)的window.orientation值：
ipad： 90 或 -90 橫屏
ipad： 0 或180 豎屏
Andriod：0 或180 橫屏
Andriod： 90 或 -90 豎屏
您可能感興趣的文章:
- Android判斷屏幕是橫屏或是豎屏的簡單實(shí)現(xiàn)方法
- Android如何禁止橫屏豎屏的變換
- Android開發(fā)強(qiáng)制橫屏和強(qiáng)制豎屏設(shè)置實(shí)例代碼
- Android禁止橫屏豎屏切換的有效方法
- Android 4.4.2 橫屏應(yīng)用隱藏狀態(tài)欄和底部虛擬鍵的方法
- Android強(qiáng)制設(shè)定橫屏?xí)r，SurfaceView一直黑屏
- Android 5.0 開機(jī)橫屏修改方法
- android橫豎屏切換時(shí)候Activity的生命周期
- Android編程判斷橫屏、豎屏及設(shè)置橫豎屏的方法
相關(guān)文章
基于jquery點(diǎn)擊自以外任意處，關(guān)閉自身的代碼
主要功能是點(diǎn)擊顯示，然后通過點(diǎn)擊頁面的任意位置都能關(guān)閉顯示效果，主要是$(document).click的作用2012-02-02
jQuery插件原來如此簡單 jQuery插件的機(jī)制及實(shí)戰(zhàn)
這種插件是將對象方法封裝起來，用于對通過選擇器獲取的jQuery對象進(jìn)行操作，是最常見的一種插件2012-02-02
這篇文章主要介紹了jQuery實(shí)現(xiàn)多級手風(fēng)琴菜單，菜單效果更有特色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-10-10
jQuery使用bind動(dòng)態(tài)綁定事件無效的處理方法
今天小編就為大家分享一篇關(guān)于jQuery使用bind動(dòng)態(tài)綁定事件無效的處理方法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-12-12
使用EVAL處理jqchart jquery 折線圖返回?cái)?shù)據(jù)無效的解決辦法
eval函數(shù)可以把一些處理過程序代碼進(jìn)行解析從而達(dá)到可以執(zhí)行的一個(gè)狀態(tài)，本篇文章給大家介紹使用eval處理jqchart jquery折線圖返回?cái)?shù)據(jù)無效的解決辦法，對jqchart jquery相關(guān)內(nèi)容感興趣的朋友一起學(xué)習(xí)吧2015-11-11
jQuery ，是迄今為止世界上最流行的 JavaScript 庫，一直是我們這些 Web 開發(fā)者的神器。自從它在 2006 年發(fā)布最初版本直到如今，已經(jīng)有非常多的 Web 開發(fā)者在項(xiàng)目中引入了這個(gè)優(yōu)秀的庫來使開發(fā)工作變得更輕松2016-02-02
jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹
jQuery EasyUI API 中文文檔 - MenuButton菜單按鈕使用介紹，使用jQuery EasyUI的朋友可以參考下。2011-10-10
PHP+jquery+ajax實(shí)現(xiàn)分頁
這篇文章主要為大家詳細(xì)介紹了PHPjquery+ajax實(shí)現(xiàn)分頁的代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
jQuery訪問json文件中數(shù)據(jù)的方法示例
這篇文章主要介紹了jQuery訪問json文件中數(shù)據(jù)的方法,結(jié)合實(shí)力形式分析了jQuery事件響應(yīng)及json文件的加載、讀取、遍歷等相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了jQuery實(shí)用函數(shù)用法總結(jié),匯總了jQuery常用的函數(shù)及相關(guān)技巧,需要的朋友可以參考下2014-08-08