js手机横竖屏判断

比眉伴天荒 2022-07-15 12:18 158阅读 0赞

![如何判断ipad和iphone是否为横屏或者竖屏 - portrait或者landscape][ipad_iphone_ - portrait_landscape]

在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法，所以你需要引用jQuery类库。

function orient() \{   
alert('gete');  
if (window.orientation == 0 || window.orientation == 180) \{   
$("body").attr("class", "portrait");  
orientation = 'portrait';  
return false;  
\}  
else if (window.orientation == 90 || window.orientation == -90) \{   
$("body").attr("class", "landscape");  
orientation = 'landscape';  
  
return false;  
\}  
\}  
  
  
$(function()\{   
orient();  
\});  
  
  
$(window).bind( 'orientationchange', function(e)\{   
orient();  
\});

来源：\[JS代码\]如何判断ipad或者iphone是否为横屏或者竖屏 - portrait或者landscape

![如何判断ipad和iphone是否为横屏或者竖屏 - portrait或者landscape][ipad_iphone_ - portrait_landscape]

在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法，所以你需要引用jQuery类库。

function orient() \{   
alert('gete');  
if (window.orientation == 0 || window.orientation == 180) \{   
$("body").attr("class", "portrait");  
orientation = 'portrait';  
return false;  
\}  
else if (window.orientation == 90 || window.orientation == -90) \{   
$("body").attr("class", "landscape");  
orientation = 'landscape';  
  
return false;  
\}  
\}  
  
  
$(function()\{   
orient();  
\});  
  
  
$(window).bind( 'orientationchange', function(e)\{   
orient();  
\});

来源：\[JS代码\]如何判断ipad或者iphone是否为横屏或者竖屏 - portrait或者landscape

[ipad_iphone_ - portrait_landscape]: http://www.gbin1.com/technology/jqueryhowto/20120415codeipadorientationdetect/title.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android判断横竖屏（平板/手机）

第一种方法： Configuration configuration = getResources().getConfiguration(); if (

àì夳堔傛蜴生んèń/ 2022年12月27日 02:14/ 0 赞/ 211 阅读

相关 android 动态横竖屏,Android实现动态切换横竖屏，保存横竖屏数据（用Preference存储）...

package com.test; import android.app.Activity; import android.content.pm.ActivityInfo;

怼烎@/ 2022年10月17日 11:20/ 0 赞/ 273 阅读

相关 android横竖屏切换方法,关于Android的横竖屏切换的判断

项目中 activity的定义：这样定义后每次横竖屏切换都需要重新onCreate() activity (MyActivity extends BaseActivit

分手后的思念是犯贱/ 2022年10月14日 01:14/ 0 赞/ 233 阅读

相关 IOS横竖屏显示

由于IOS的横竖屏设置只有在根视图才会有效果。所以想了一个方法就是找到根视图，添加一个类函数，在任何地方都去设置横竖屏的参数。下边的例子是指定窗口横屏，其他竖屏显示。

待我称王封你为后i/ 2022年07月16日 12:58/ 0 赞/ 211 阅读

相关 js手机横竖屏判断

![如何判断ipad和iphone是否为横屏或者竖屏 - portrait或者landscape][ipad_iphone_ - portrait_landsc

比眉伴天荒/ 2022年07月15日 12:18/ 0 赞/ 159 阅读

相关 Android 横竖屏

部分网友会发现Activity在切换到后台或布局从横屏LANDSCAPE切换到PORTRAIT，会重新切换Activity会触发一次onCreate方法，我们可以在androi

阳光穿透心脏的1/2处/ 2022年06月18日 11:37/ 0 赞/ 198 阅读

相关兼容所有浏览器的js判断横竖屏以及监听事件

我们在做移动端项目的时候，经常会遇到手机旋转的一些事件，对于安卓手机，在QQ和微信中我们可以用下面这行代码禁止浏览器横屏（安卓手机的QQ和微信用的都是X5浏览器）：

秒速五厘米/ 2022年05月27日 13:51/ 0 赞/ 300 阅读

相关安卓横竖屏判断

if (this.getResources().getConfiguration().orientation == Configuration.ORIENTATION_

r囧r小猫/ 2022年05月23日 08:40/ 0 赞/ 208 阅读

相关 CSS3(@media)判断手机横竖屏 (实用、赞）

原文出处：[https://jingyan.baidu.com/article/455a9950aa8aaea16627788a.html][https_jingyan.bai

Bertha 。/ 2022年01月22日 07:21/ 0 赞/ 189 阅读

相关 js 实时监听移动端横竖屏

window.addEventListener("onorientationchange" in window ? "orientationchange" : "res

谁借莪１个温暖的怀抱￠/ 2021年09月19日 13:46/ 0 赞/ 329 阅读