基于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 相关文章推荐
jquery 滚动条事件简单实例
Jul 12 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
javascript实现根据身份证号读取相关信息
Dec 17 Javascript
jQuery中$.each使用详解
Jan 29 Javascript
浅谈javascript属性onresize
Apr 20 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
Vue项目中设置背景图片方法
Feb 21 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
微信小程序如何利用getCurrentPages进行页面传值
Jul 01 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中定义网站根目录的常用方法
2010/08/08 PHP
PHP页面间参数传递的四种方法详解
2013/06/09 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
excel操作之Add Data to a Spreadsheet Cell
2007/06/12 Javascript
JQuery 文本框使用小结
2010/05/22 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
50个比较实用jQuery代码段
2011/09/18 Javascript
jQuery setTimeout()函数使用方法
2013/04/07 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
javascript数组快速打乱重排的方法
2014/01/02 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
python获取mp3文件信息的方法
2015/06/15 Python
Python单例模式的两种实现方法
2017/08/14 Python
django使用html模板减少代码代码解析
2017/12/12 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
python+opencv实现霍夫变换检测直线
2020/10/23 Python
python设置环境变量的作用整理
2020/02/17 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
Python3实现打印任意宽度的菱形代码
2020/04/12 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
彪马俄罗斯官网:PUMA俄罗斯
2019/07/13 全球购物
在阿联酋购买翻新手机和平板电脑:Teckzu
2021/02/12 全球购物
大学生优秀团员事迹材料
2014/01/30 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
员工考勤管理制度
2015/08/06 职场文书
2016年中秋祝酒词
2015/11/26 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python
go xorm框架的使用
2021/05/22 Golang
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL