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