javascript判斷iphone/android手機橫豎屏模式--轉帖於騰訊搜搜web開發博客

今天在處理一個觸屏版產品開發的時候,被檢測橫豎屏模式折磨瘋了。
iphone能很好的使用onorientationchange事件,但是android的onresize事件即使不旋轉也會觸發多次。
查了不少資料,最後結論如下:

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);

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章