基于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操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
Javascript基础教程之for循环
Jan 18 Javascript
JavaScript设计模式初探
Jan 07 Javascript
探索angularjs+requirejs全面实现按需加载的套路
Feb 26 Javascript
JavaScript中const、var和let区别浅析
Oct 11 Javascript
Bootstrap框架实现广告轮播效果
Nov 28 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
微信小程序页面开发注意事项整理
May 18 Javascript
Textarea输入字数限制实例(兼容iOS&安卓)
Jul 06 Javascript
微信小程序 共用变量值的实现
Jul 12 Javascript
vue 全局封装loading加载教程(全局监听)
Nov 05 Javascript
nuxt.js写项目时增加错误提示页面操作
Nov 05 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 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
php file_get_contents抓取Gzip网页乱码的三种解决方法
2013/11/12 PHP
PHP asXML()函数讲解
2019/02/03 PHP
php-7.3.6 编译安装过程
2020/02/11 PHP
ECMAScript 基础知识
2007/06/29 Javascript
JavaScript学习笔记(十)
2010/01/17 Javascript
JS中令人发指的valueOf方法介绍
2013/02/22 Javascript
javascript动态判断html元素并执行不同的操作
2014/06/16 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
两种js监听滚轮事件的实现方法
2016/05/13 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
js中new一个对象的过程
2017/02/20 Javascript
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
2018/01/21 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
vuex actions传递多参数的处理方法
2018/09/18 Javascript
javascript实现简易聊天室
2019/07/12 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
基于Node的Axure文件在线预览的实现代码
2019/08/28 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
python数据结构之二叉树的建立实例
2014/04/29 Python
Python守护进程用法实例分析
2015/06/04 Python
python 遍历字符串(含汉字)实例详解
2017/04/04 Python
python3调用windows dos命令的例子
2019/08/14 Python
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
使用数据结构给女朋友写个Html5走迷宫游戏
2019/11/26 HTML / CSS
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
开水果连锁店创业计划书
2013/12/29 职场文书
初中毕业典礼演讲稿
2014/09/09 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python
零基础学java之循环语句的使用
2022/04/10 Java/Android