欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

时间:2021-04-06 10:01:42|栏目:jquery|点击:

其实主要是通过window.orientation实现,下面看下代码吧

复制代码 代码如下:

function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad、iphone竖屏;Andriod横屏
$("body").attr("class", "landscape");
orientation = 'landscape';
return false;
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad、iphone横屏;Andriod竖屏
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//页面加载时调用
$(function(){
orient();
});
//用户变化屏幕方向时调用
$(window).bind( 'orientationchange', function(e){
orient();
});

屏幕方向对应的window.orientation值:

ipad: 90 或 -90 横屏
ipad: 0 或180 竖屏
Andriod:0 或180 横屏
Andriod: 90 或 -90 竖屏

上一篇:jquery异步请求实例代码

栏    目:jquery

下一篇:jQuery简单绑定单个事件的方法示例

本文标题:基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码

本文地址:http://www.codeinn.net/misctech/95634.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有