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


Posted in Javascript onMay 11, 2014

其实主要是通过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 竖屏

Javascript 相关文章推荐
JS类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
原生js实现给指定元素的后面追加内容
Apr 10 Javascript
JS获取农历日期具体实例
Nov 14 Javascript
详解AngularJS中的表格使用
Jun 16 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
javascript获取指定区间范围随机数的方法
Sep 08 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
vue cli使用融云实现聊天功能的实例代码
Apr 19 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
Jun 20 Javascript
JS实现简易留言板(节点操作)
Mar 16 Javascript
JS数组Reduce方法功能与用法实例详解
Apr 29 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 #Javascript
jquery 按键盘上的enter事件
May 11 #Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 #Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
May 11 #Javascript
基于Jquery实现键盘按键监听
May 11 #Javascript
js判断游览器类型及版本号的代码
May 11 #Javascript
jquery实现文本框数量加减功能的例子分享
May 10 #Javascript
You might like
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
javascript 图片上传预览-兼容标准
2009/06/01 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
javascript 3d 逐侦产品展示(核心精简)
2014/03/26 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
2015/10/16 Javascript
AngularJS 单元测试(一)详解
2016/09/21 Javascript
js代码延迟一定时间后执行一个函数的实例
2017/02/15 Javascript
Javascript实现登录记住用户名和密码功能
2017/03/22 Javascript
angular bootstrap timepicker TypeError提示怎么办
2017/06/13 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
用POSTMAN发送JSON格式的POST请求示例
2018/09/04 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
微信小程序后台持续定位功能使用详解
2019/08/23 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
解读Python中degrees()方法的使用
2015/05/18 Python
PyQt5每天必学之弹出消息框
2018/04/19 Python
Python爬虫框架scrapy实现downloader_middleware设置proxy代理功能示例
2018/08/04 Python
pycharm 安装JPype的教程
2019/08/08 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
越南母婴用品购物网站:Kids Plaza
2020/04/09 全球购物
宝信软件JAVA工程师面试经历
2012/08/19 面试题
"火柴棍式"程序员面试题
2014/03/16 面试题
大学生实习感言
2014/01/16 职场文书
房屋过户委托书范本
2014/10/07 职场文书
群众路线党员个人剖析材料
2014/10/08 职场文书
校运会广播稿
2015/08/19 职场文书
一篇文章带你复习java知识点
2021/06/28 Java/Android