基于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 相关文章推荐
Eclipse去除js(JavaScript)验证错误
Feb 11 Javascript
js实现拖拽效果
Feb 12 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
自己封装的一个简单的倒计时功能实例
Nov 23 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
Dec 17 Javascript
js时间控件只显示年月
Jan 08 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
React 高阶组件入门介绍
Jan 11 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
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
3.从实例开始
2006/10/09 PHP
php mb_substr()函数截取中文字符串应用示例
2014/07/29 PHP
PHP实现登录搜狐广告获取广告联盟数据的方法【附demo源码】
2016/10/14 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
一直复略了的一个问题,关于表单重复提交
2007/02/15 Javascript
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
js 格式化时间日期函数小结
2010/03/20 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
获取当前点击按钮的id用this.id实现
2014/03/17 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
2016/05/30 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
利用Javascript实现一套自定义事件机制
2017/12/14 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
python在windows和linux下获得本机本地ip地址方法小结
2015/03/20 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
Opencv+Python 色彩通道拆分及合并的示例
2018/12/08 Python
PyQt5重写QComboBox的鼠标点击事件方法
2019/06/25 Python
如何通过python的fabric包完成代码上传部署
2019/07/29 Python
python虚拟环境完美部署教程
2019/08/06 Python
如何使用Django Admin管理后台导入CSV
2020/11/06 Python
丝芙兰香港官网:Sephora香港
2018/03/13 全球购物
美国最大的在线生存商店:Survival Frog
2020/12/13 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
C#笔试题集合
2013/06/21 面试题
中国梦的演讲稿
2014/01/08 职场文书
人事助理自荐信
2014/02/02 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
2014年宣传部工作总结
2014/11/12 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python