博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS判断手机横竖屏
阅读量:6852 次
发布时间:2019-06-26

本文共 766 字,大约阅读时间需要 2 分钟。

在移动端开发时,有时候需要判断手机的横竖屏,那么就需要用到window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。

屏幕方向对应的window.orientation值:

ipad或iPhone: 90 或 -90 横屏

ipad或iPhone: 0 或180 竖屏
Andriod:0 或180 横屏
Andriod: 90 或 -90 竖屏

使用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法

function direction() {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(){
direction(); }); //用户变化屏幕方向时调用 $(window).on( 'orientationchange', function(e){
direction(); });

 

转载于:https://www.cnblogs.com/yanxuan/p/6160679.html

你可能感兴趣的文章
11.扩展:信息检索技术
查看>>
SQL Server2008中删除重复记录
查看>>
CS184.1X 计算机图形学导论 作业0
查看>>
牛人博客
查看>>
Unique Binary Search Trees II
查看>>
CSS的基本语法
查看>>
设计模式(一)_单例模式
查看>>
对于新手而言,PHP开发选择什么开发工具,及PhpStorm的特性和Git集成要点
查看>>
ebay 如何获取用户token
查看>>
LeetCode:Implement Queue using Stacks
查看>>
php 操作数组 (合并,拆分,追加,查找,删除等)
查看>>
CS50-线性搜索|二进制搜索
查看>>
iOS 图文混排 链接 可点击
查看>>
poj 1240
查看>>
UI设计时要注意的几个方面
查看>>
SVN 更新失败
查看>>
kmp循环节
查看>>
又撸了一上午的番
查看>>
学习笔记:Oracle 12C 数据非常规恢复工具bbed的使用说明
查看>>
保留CAAnimation执行后的效果
查看>>