1. 程式人生 > >移動端轉屏事件

移動端轉屏事件

移動端H5經常遇到轉屏後佈局變亂,為避免遇到這種情況通常會提醒使用者使用哪種方式的螢幕更好,或者禁止螢幕轉動。

為此需要監聽螢幕的轉動事件

//監聽視窗轉動事件
window.addEventListener('orientationchange',function(){
    //如果為豎屏
    if (window.orientation === 0 || window.orientation === 180) {
        //do something...
    }
    //如果為橫屏 
    else if (window.orientation === 90 || window.orientation === -90) {
        //do something...
    }      
})