摘 WEB技术之前端技术

|-转 JS判断手机浏览器是横屏or竖屏

PHPer 2018-02-04 1343次浏览 0条评论 0 0 0
http://www.cnblogs.com/shixiumin/p/5753961.html移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断...

http://www.cnblogs.com/shixiumin/p/5753961.html


移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。 从而根据实际需求而执行相应的程序。

通过添加监听事件onorientationchange，进行执行就可以了。

 1 //判断手机横竖屏状态：
 2 function hengshuping() {
 3     if (window.orientation == 180 || window.orientation == 0) {
 4         alert("竖屏状态！")
 5     }
 6     if (window.orientation == 90 || window.orientation == -90) {
 7         alert("横屏状态！")
 8     }
 9 }
10 window.addEventListener(
   "onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
 1 function orient() {
 2     if (window.orientation == 90 || window.orientation == -90) {
 3         //ipad、iphone竖屏；Andriod横屏
 4         $("body").attr("class", "landscape");
 5         orientation = 'landscape';
 6         return false;
 7     } else if (window.orientation == 0 || window.orientation == 180) {
 8         //ipad、iphone横屏；Andriod竖屏 
 9         $("body").attr("class", "portrait");
10         orientation = 'portrait';
11         return false;
12     }
13 }
14 //页面加载时调用 
15 $(function() {
16     orient();
17 });
18 //用户变化屏幕方向时调用 
19 $(window).bind('orientationchange', function(e) {
20     orient();
21 });


...

仅显示部分内容，浏览全部请登录。 登录 | 立即注册

WEB, WEB前端, 手机浏览器, JS
更新于：2018-02-04 00:35:00
    您需要登录后才可以评论。 登录 | 立即注册
    相关内容

    PHP向js传数组

    网上https://www.cnblogs.com/jiqing9006/p/9618417.html的答案是错误的

    Yii2行为(Behavior)简介

    使用行为（behavior）可以在不修改现有类的情况下，对类的功能进行扩充。 通过将行为绑定到一个类，...

    揭秘yii2中行为的方法是如何注入到组件类中去的，应该说行为

    localStorage介绍和使用

    一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储...

    localStorage的使用

    localStorage其他注意事项

    PHP双引号中变量的判断

    实测，在双引号中，php对变量的判断方式，应该是用的规范的正则匹配/$\w*[^\W]/；匹配出来的结果在...
    推荐内容

    怎样使用V2Ray代理和SSTap玩如魔兽世界/绝地求生/LOL台...

    在网上找的ss+SSTap的方式都不能通过SSTap的链接测试。最后找到了v2ray+SSTap的方式。 注意事项，首先单独有v2ray看能不能正常上网。另外加速时要v2ray和SST...

    分享11个好用的BT资源下载网址

    2020-02-21 14:46:26https://blog.csdn.net/LagerSwan/article/details/104427342一、磁力蜘蛛：地址：http://www.eclzz.xyz/二

    使用V2Ray的mKCP协议加速游戏

    当前脚本已发布新版本，地址: https://github.com/kuoruan/shell-scripts/raw/master/kcptun/kcptun.sh 旧仓库已废...

    v2rayN已停止工作

    要安装.NET Framework 4.6 或者更高版本

    解决'nmake' 不是内部或外部命令,也不是可运行的程序

    在用gifsicle时，需要在其src目录下使用 nmake -f Makefile.w32 命令，报错 'nmake' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 于是网...