基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
更新时间：2014年05月11日 12:24:41 作者：
在ipad、iphone网页开发中，我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法
其实主要是通过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 scroll()方法区分浏览器横向和纵向滚动条的方法,需要的朋友可以参考下2014-04-04
最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。本文将详细介绍validation插件。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了jQuery短信验证倒计时功能实现方法,实例分析了jQuery前台倒计时功能及ajax交互的相关技巧,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了jQuery解析json格式数据的方法,结合实例分析了使用jQuery1.7.2版本的方法解析json格式数据的技巧,需要的朋友可以参考下2016-01-01
刚看到个问题，如何得知同时按下了哪几个键以及按键顺序（难道是格斗游戏的组合键？），其实jQuery实现起来是很简单的。2010-03-03
这篇文章主要介绍了jQuery中元素选择器（element）用法,简单通俗的说明了jQuery元素选择器的功能、用法并结合实例形式分析了jQuery元素选择器的相关使用技巧与注意事项,需要的朋友可以参考下2018-05-05
选择器中的空格是不容忽视的，多一个空格或少一个空格也许得到的结果会截然不同的，下面以一个示例为大家详细介绍下到底有什么不同，感兴趣的朋友额可以参考下2013-08-08
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
这篇文章主要介绍了bootstrapValidator表单校验、更改状态、新增、移除校验字段,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
这篇文章主要为大家详细介绍了jquery实现上传文件进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
本文主要介绍了jQuery实现拖动剪裁图片作为头像的具体实例方法，具有很好的参考价值，下面跟着小编一起来看下吧2016-12-12
最新评论