基于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 相关文章推荐
Maps Javascript
Jan 22 Javascript
js实现权限树的更新权限时的全选全消功能
Feb 17 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
java和javascript获取word文档的书签位置对比
Jun 19 Javascript
javascript数组随机排序实例分析
Jul 22 Javascript
jquery中validate与form插件提交的方式小结
Mar 26 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 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
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
JavaScript 以对象为索引的关联数组
2010/05/19 Javascript
理解JavaScript的prototype属性
2012/02/11 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
Nodejs实现的一个简单udp广播服务器、客户端
2014/09/25 NodeJs
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
JavaScript动态添加style节点的方法
2015/06/09 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
Vue resource中的GET与POST请求的实例代码
2017/07/21 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
Vue源码解读之Component组件注册的实现
2018/08/24 Javascript
react 应用多入口配置及实践总结
2018/10/17 Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
2019/05/29 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
微信小程序云开发获取文件夹下所有文件(推荐)
2019/11/14 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
[06:45]DOTA2卡尔工作室 英雄介绍幻影长矛手篇
2013/07/12 DOTA
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
简单的Python2.7编程初学经验总结
2015/04/01 Python
对Python 3.5拼接列表的新语法详解
2018/11/08 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
Python+unittest+requests 接口自动化测试框架搭建教程
2020/10/09 Python
Django和Ueditor自定义存储上传文件的文件名
2021/02/25 Python
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
管理站站长岗位职责
2013/11/27 职场文书
自我鉴定书面格式
2014/01/13 职场文书
市场调查策划方案
2014/06/10 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
幼儿园三八妇女节活动总结
2015/02/06 职场文书
培训督导岗位职责
2015/04/10 职场文书
nginx常用配置conf的示例代码详解
2022/03/21 Servers