|-转 JS判断手机浏览器是横屏or竖屏
http://www.cnblogs.com/shixiumin/p/5753961.html移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断...
http://www.cnblogs.com/shixiumin/p/5753961.html
移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。 从而根据实际需求而执行相应的程序。
通过添加监听事件onorientationchange，进行执行就可以了。
1 //判断手机横竖屏状态：
2 function hengshuping() {
3 if (window.orientation == 180 || window.orientation == 0) {
4 alert("竖屏状态！")
5 }
6 if (window.orientation == 90 || window.orientation == -90) {
7 alert("横屏状态！")
8 }
9 }
10 window.addEventListener(
"onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false); 1 function orient() {
2 if (window.orientation == 90 || window.orientation == -90) {
3 //ipad、iphone竖屏；Andriod横屏
4 $("body").attr("class", "landscape");
5 orientation = 'landscape';
6 return false;
7 } else if (window.orientation == 0 || window.orientation == 180) {
8 //ipad、iphone横屏；Andriod竖屏
9 $("body").attr("class", "portrait");
10 orientation = 'portrait';
11 return false;
12 }
13 }
14 //页面加载时调用
15 $(function() {
16 orient();
17 });
18 //用户变化屏幕方向时调用
19 $(window).bind('orientationchange', function(e) {
20 orient();
21 });
...
浏览更多内容请先登录。
立即注册
更新于：2018-02-04 00:35:00
内容很赞，打赏我
推荐内容
