基于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 相关文章推荐
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
Mar 13 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
jQuery zTree树插件动态加载实例代码
May 11 jQuery
判断div滑动到底部的scroll实例代码
Nov 15 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
Mar 07 Javascript
vue+mock.js实现前后端分离
Jul 24 Javascript
详解vue路由
Aug 05 Javascript
AJAX实现省市县三级联动效果
Oct 16 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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
php使用codebase生成随机数
2014/03/25 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
javascript下数值型比较难点说明
2010/06/07 Javascript
Javascript中的几种继承方式对比分析
2016/03/22 Javascript
JavaScript实现刷新不重记的倒计时
2016/08/10 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
vue中路由验证和相应拦截的使用详解
2017/12/13 Javascript
微信小程序实现tab左右切换效果
2020/11/15 Javascript
p5.js实现动态图形临摹
2019/10/23 Javascript
JS实现图片懒加载(lazyload)过程详解
2020/04/02 Javascript
JS数组reduce()方法原理及使用技巧解析
2020/07/14 Javascript
vue+elementui通用弹窗的实现(新增+编辑)
2021/01/07 Vue.js
Python json模块使用实例
2015/04/11 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
如何利用python查找电脑文件
2018/04/27 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
Python + selenium + requests实现12306全自动抢票及验证码破解加自动点击功能
2018/11/23 Python
python怎么判断模块安装完成
2020/06/19 Python
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
毕业生就业推荐表自我鉴定
2014/03/20 职场文书
与美同行演讲稿
2014/09/13 职场文书
大学生职业生涯十年规划书范文
2014/09/17 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
婚宴父亲致辞
2015/07/27 职场文书
医院感染管理制度
2015/08/05 职场文书
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers