原生JS如何監聽移動裝置螢幕橫豎屏的旋轉
阿新 • • 發佈:2019-02-20
到目前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 >