移動端橫屏的JS代碼(beta)
更新時間：2016年05月16日 10:29:33 作者：Moustache
這篇文章主要介紹了移動端橫屏的JS代碼(beta) 的相關資料,需要的朋友可以參考下
廢話不多說了，直接給大家貼代碼了
具體代碼如下所示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
var orientation=0;
function screenOrientationEvent(){
if(orientation == 0)
{
document.getElementById("change").value="豎";
$("body").css({
'transform':'rotate(90deg)',
'-webkit-transform':'rotate(90deg)',
'-moz-transform':'rotate(90deg)'
});
}
else
{
document.getElementById("change").value="橫";
$("body").css({
'transform':'rotate(0deg)',
'-webkit-transform':'rotate(0deg)',
'-moz-transform':'rotate(0deg)'
});
}
}
var innerWidthTmp = window.innerWidth;
//橫豎屏事件監(jiān)聽方法
function screenOrientationListener(){
try{
var iw = window.innerWidth;
//屏幕方向改變處理
if(iw != innerWidthTmp){
if(iw>window.innerHeight)
{
orientation = 90;
}
else
{
orientation = 0;
}
//調用轉屏事件
screenOrientationEvent();
innerWidthTmp = iw;
}
}
catch(e){alert(e);};
//間隔固定事件檢查是否轉屏，默認500毫秒
setTimeout("screenOrientationListener()",500);
}
//啟動橫豎屏事件監(jiān)聽
screenOrientationListener();
</script>
<body onload="screenOrientationEvent()">
<input id="change" type="text" value=""/>
</body>
</html>
以上js代碼是實現(xiàn)移動端橫屏的核心代碼，代碼簡單易懂，所有沒給大家附太多的注釋，如果大家哪里有不明白的地方歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對腳本之家網站的支持！
相關文章
本篇文章主要介紹了js常用的繼承--組合式繼承的相關知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
今天看到 司徒一篇blog， javascript深拷貝，其中涉及到一種判斷類型的方法，特分析如下2010-03-03
小議Function.apply()之二------利用Apply的參數(shù)數(shù)組化來提高 JavaScript程序性能
小議Function.apply()之二------利用Apply的參數(shù)數(shù)組化來提高 JavaScript程序性能...2006-11-11
本篇文章主要介紹了js輪播圖透明度切換（帶上下頁和底部圓點切換）的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了JavaScript模擬實現(xiàn)繼承的方法,實例分析了javascript類的操作與模擬實現(xiàn)繼承的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了js中hash和ico的關聯(lián)分析,以實例形式分析了location.hash與ico的加載順序關系,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02![自動生成文章摘要[JavaScript 版本]](http://img.jbzj.com/images/xgimg/bcimg6.png)
這篇文章主要介紹了自動生成文章摘要[JavaScript 版本]2006-12-12
今天小編就為大家分享一篇layui的表單提交以及驗證和修改彈框的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文主要介紹了JavaScript中Array.from()的用法總結2023-05-05
這里給大家分享的是一則使用javascript實現(xiàn)在網頁圖片上下雨的特效，效果非常炫酷，推薦給小伙伴們。2015-02-02