1. 程式人生 > >原生JS如何監聽移動裝置螢幕橫豎屏的旋轉

原生JS如何監聽移動裝置螢幕橫豎屏的旋轉

到目前JS的強大和所能完成的工作已經不言而喻,然而杯具的發生總是在使用過JS的基礎上。

程式碼中監測旋轉是用了onorientationchange 函式,但是在一些APP或遊戲內嵌頁面會有該函式不會執行、orientation獲取不到的情況。所以如果是內嵌頁建議使用resize事件,檢查寬高變化來檢測螢幕是否旋轉。

window.orientation 物件在手機上才可生效。
程式碼使用例項:

<script type="text/javascript">
    var evt = "onorientationchange" in window ? "orientationchange"
: "resize"; window.addEventListener(evt,resize,false); function resize(fals) { if(window.orientation == 0 || window.orientation == 180) { alert("豎屏"); }else { alert("橫屏"); } } resize(true);
</script
>