基于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写的数字拼图小游戏代码[学习参考]
Oct 29 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
javascript jscroll模拟html元素滚动条
Dec 18 Javascript
javascript基本包装类型介绍
Apr 10 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
原生js实现百叶窗效果及原理介绍
Apr 12 Javascript
简单实现Bootstrap标签页
Aug 09 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
使用webpack编译es6代码的方法步骤
Apr 28 Javascript
过滤器vue.filters的使用方法实现
Sep 18 Javascript
ES6对象操作实例详解
May 23 Javascript
利用js实现简易红绿灯
Oct 15 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
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
php文件夹与文件目录操作函数介绍
2013/09/09 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
javascript+mapbar实现地图定位
2010/04/09 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
javascript淘宝主图放大镜功能
2016/10/20 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
2017/04/13 jQuery
20行JS代码实现网页刮刮乐效果
2017/06/23 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
微信小程序实现工作时间段选择
2019/02/15 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
跟老齐学Python之折腾一下目录
2014/10/24 Python
python回溯法实现数组全排列输出实例分析
2015/03/17 Python
Python实现爬取逐浪小说的方法
2015/07/07 Python
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
对python函数签名的方法详解
2019/01/22 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
周年庆典邀请函范文
2014/01/23 职场文书
2014年新生军训方案
2014/05/01 职场文书
中层干部培训方案
2014/06/16 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
院系推荐意见
2015/06/05 职场文书
办公室日常管理制度
2015/08/04 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书