基于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 相关文章推荐
javascript 动态添加事件代码
Nov 30 Javascript
JQuery 操作select标签实现代码
May 14 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 Javascript
javascript基于原型链的继承及call和apply函数用法分析
Dec 15 Javascript
JavaScript生成.xls文件的代码
Dec 22 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
Bootstrap DateTime Picker日历控件简单应用
Mar 25 Javascript
JS实现异步上传压缩图片
Apr 22 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
vue.js配合$.post从后台获取数据简单demo分享
Aug 11 Javascript
浅谈在Vue.js中如何实现时间转换指令
Jan 06 Javascript
vue-cli 为项目设置别名的方法
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
syphon 虹吸式咖啡冲泡冲煮倒水的得与失
2021/03/03 冲泡冲煮
关于PHP中Object对象的笔记分享
2011/06/28 PHP
关于更改Zend Studio/Eclipse代码风格主题的介绍
2013/06/23 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
php生成验证码函数
2015/10/20 PHP
细说javascript函数从函数的构成开始
2013/08/29 Javascript
JavaScript不刷新实现浏览器的前进后退功能
2014/11/05 Javascript
jQuery中:gt选择器用法实例
2014/12/29 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
Python selenium 父子、兄弟、相邻节点定位方式详解
2016/09/15 Python
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
Python使用Pandas对csv文件进行数据处理的方法
2019/08/01 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
四年的大学生生活自我评价
2013/12/09 职场文书
电子商务专业应届生求职信
2014/05/28 职场文书
县委务虚会发言材料
2014/10/20 职场文书
世界卫生日宣传活动总结
2015/02/09 职场文书
2015年小学教导处工作总结
2015/05/26 职场文书
汽车销售员工作总结
2015/08/12 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python