基于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 实现获取打开一个界面中输入的值
Mar 19 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
jQuery表单验证简单示例
Oct 17 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
BootStrap模态框闪退问题实例代码详解
Dec 10 Javascript
js仿360开机效果
Dec 26 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作的文本留言本的例子(五)
2006/10/09 PHP
php中看实例学正则表达式
2006/12/25 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
2014/05/11 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
js实现三张图(文)片一起切换的banner焦点图
2015/08/25 Javascript
jQuery AjaxUpload 上传图片代码
2016/02/02 Javascript
AngularJS ng-controller 指令简单实例
2016/08/01 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
微信小程序 require机制详解及实例代码
2016/12/14 Javascript
图片上传之FileAPI与NodeJs
2017/01/24 NodeJs
详谈Ajax请求中的async:false/true的作用(ajax 在外部调用问题)
2017/02/10 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
浅谈react受控组件与非受控组件(小结)
2018/02/09 Javascript
vue项目中使用ueditor的实例讲解
2018/03/05 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
Vue编程式跳转的实例代码详解
2019/07/10 Javascript
Node.js API详解之 repl模块用法实例分析
2020/05/25 Javascript
Python实现partial改变方法默认参数
2014/08/18 Python
Python字符串匹配算法KMP实例
2015/07/18 Python
Python实现将DOC文档转换为PDF的方法
2015/07/25 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
浅谈Python实现贪心算法与活动安排问题
2017/12/19 Python
python生成1行四列全2矩阵的方法
2018/08/04 Python
python实现月食效果实例代码
2019/06/18 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
用html5的canvas和JavaScript创建一个绘图程序的简单实例
2016/07/06 HTML / CSS
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
实现strstr功能,即在父串中寻找子串首次出现的位置
2016/08/05 面试题
会议开场欢迎词
2014/01/15 职场文书
创业融资计划书
2014/04/25 职场文书
2014年党的群众路线学习心得体会
2014/11/05 职场文书
土地租赁协议书
2015/01/29 职场文书
检讨书格式
2019/04/25 职场文书
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL