基于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解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
捕获键盘事件(且兼容各浏览器)
Jul 03 Javascript
js获取指定的cookie的具体实现
Feb 20 Javascript
jQuery对val和atrr("value")赋值的区别介绍
Sep 26 Javascript
javaScript数组迭代方法详解
Apr 14 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
May 19 Javascript
jQuery实现页面评论栏中访客信息自动填写功能的方法
May 23 Javascript
Centos7 中安装 Node.js v4.4.4
Nov 03 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
Apr 11 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
three.js中多线程的使用及性能测试详解
Jan 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
PHP 利用AJAX获取网页并输出的实现代码(Zjmainstay)
2012/08/31 PHP
php流量统计功能的实现代码
2012/09/29 PHP
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
laravel框架实现后台登录、退出功能示例
2019/10/31 PHP
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
读jQuery之一(对象的组成)
2011/06/11 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
js获取url中"?"后面的字串方法
2014/05/15 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
leaflet的开发入门教程
2016/11/17 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
es6系列教程_ Map详解以及常用api介绍
2017/09/25 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
原生js实现滑块区间组件
2021/01/20 Javascript
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
Python获取二维矩阵每列最大值的方法
2018/04/03 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
python3通过selenium爬虫获取到dj商品的实例代码
2019/04/25 Python
使用Python实现跳帧截取视频帧
2019/05/31 Python
python3中datetime库,time库以及pandas中的时间函数区别与详解
2020/04/16 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
python实现画图工具
2020/08/27 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
马来西亚网上美容店:Hermo.my
2017/11/25 全球购物
大学生社团活动总结
2014/04/26 职场文书
2014个人年度工作总结
2014/12/15 职场文书
离婚协议书怎么写
2015/01/26 职场文书
门卫岗位职责
2015/02/09 职场文书
物流业务员岗位职责
2015/04/03 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS