javascript判斷iphone/android手機(jī)橫豎屏模式的函數(shù)
更新時(shí)間：2011年12月20日 00:51:35 作者：
iphone能很好的使用onorientationchange事件，但是android的onresize事件即使不旋轉(zhuǎn)也會(huì)觸發(fā)多次
查了不少資料，最后結(jié)論如下：
function orientationChange(){
switch(window.orientation) {
case 0: // Portrait
case 180: // Upside-down Portrait
// Javascript to setup Portrait view
break;
case -90: // Landscape: turned 90 degrees counter-clockwise
case 90: // Landscape: turned 90 degrees clockwise
// Javascript to steup Landscape view
break;
}
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", orientationChange, false);
復(fù)制代碼 代碼如下:
function orientationChange(){
switch(window.orientation) {
case 0: // Portrait
case 180: // Upside-down Portrait
// Javascript to setup Portrait view
break;
case -90: // Landscape: turned 90 degrees counter-clockwise
case 90: // Landscape: turned 90 degrees clockwise
// Javascript to steup Landscape view
break;
}
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", orientationChange, false);
相關(guān)文章
這篇文章主要介紹了詳細(xì)討論JavaScript中的求值策略，對(duì)求值策略感興趣的同學(xué)，可以參考下2021-04-04
本篇文章通過(guò)仿照淘寶搜索關(guān)鍵字后下拉相關(guān)產(chǎn)品搜索樣子的制作，深度分析了JSsearch的用法，一起跟著小編學(xué)習(xí)下吧。2018-01-01
超簡(jiǎn)單JS二級(jí)、多級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)超簡(jiǎn)單JS二級(jí)、多級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
你的編程語(yǔ)言可以這樣做嗎？...2006-09-09
這篇文章主要介紹了純js實(shí)現(xiàn)遮罩層效果，下面就它的原理做下分析，感興趣的朋友可以參考下2014-05-05
這篇文章主要介紹了eslint 的三大通用規(guī)則詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
uniapp打開(kāi)地圖直接獲取位置的實(shí)現(xiàn)代碼
這篇文章主要介紹了uniapp打開(kāi)地圖直接獲取位置的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-08-08
在數(shù)組的使用中我們通常會(huì)有數(shù)組的過(guò)濾的需求,比如值在某個(gè)范圍內(nèi)的數(shù)字,用來(lái)組成一個(gè)新的數(shù)組,這就用到了數(shù)組的過(guò)濾,下面這篇文章主要給大家介紹了關(guān)于JS數(shù)組中filter方法使用的相關(guān)資料,需要的朋友可以參考下2022-07-07
asp錯(cuò)誤 '80040e21' 多步 OLE DB&nbs
今天在寫(xiě)asp入庫(kù)操作的時(shí)候提示Microsoft OLE DB Provider for ODBC Drivers 錯(cuò)誤 80040e21 多步 OLE DB 操作產(chǎn)生錯(cuò)誤，請(qǐng)檢查每個(gè) OLE DB 狀態(tài)值，經(jīng)測(cè)試時(shí)函數(shù)定義文件沒(méi)有加載導(dǎo)致類(lèi)型不對(duì)，所以無(wú)法入庫(kù)2023-05-05
用js直接區(qū)分網(wǎng)頁(yè)布局代碼，大家可以看下他的原理2008-10-10