基于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 相关文章推荐
Extjs列表详细信息窗口新建后自动加载解决方法
Apr 02 Javascript
根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)
Sep 14 Javascript
jQuery实现图片轮播特效代码分享
Sep 15 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
js实现按座位号抽奖
Apr 05 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
react-native fetch的具体使用方法
Nov 01 Javascript
理顺8个版本vue的区别(小结)
Sep 17 Javascript
node中实现删除目录的几种方法
Jun 24 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
Aug 02 Javascript
深入理解javascript中的this
Feb 08 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实现源代码加密的方法
2015/07/11 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
微信公众平台开发教程④ ThinkPHP框架下微信支付功能图文详解
2019/04/10 PHP
jquery mobile动态添加元素之后不能正确渲染解决方法说明
2014/03/05 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
BootStrap入门教程(一)之可视化布局
2016/09/19 Javascript
微信小程序 wx.request(object) API详解及实例代码
2016/09/30 Javascript
js通过指定下标或指定元素进行删除数组的实例
2017/01/12 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
vue中组件通信的八种方式(值得收藏!)
2019/08/09 Javascript
小程序Request的另类用法详解
2019/08/09 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
vue 调用 RESTful风格接口操作
2020/08/11 Javascript
Python基于scapy实现修改IP发送请求的方法示例
2017/07/08 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
Python模拟登录和登录跳转的参考示例
2020/10/30 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
HTML5 自动聚焦(autofocus)属性使用介绍
2013/08/07 HTML / CSS
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
小车司机岗位职责
2013/11/25 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
六五普法规划实施方案
2014/03/21 职场文书
关于九一八事变的演讲稿2014
2014/09/17 职场文书
2014国庆黄金周超市促销活动方案
2014/09/21 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
离婚协议书范文2014
2014/10/16 职场文书
社会实践活动总结
2015/02/05 职场文书
Nginx配置并兼容HTTP实现代码解析
2021/03/31 Servers
Django与数据库交互的实现
2021/06/03 Python
Python实现socket库网络通信套接字
2021/06/04 Python