WEB技术之前端技术

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

PHPer 2018-02-04 1085次浏览 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 });


...

登录 | 立即注册

更新于: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...

    使用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' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 于是网...

    超省心游戏加速:Wireguard+udp加速(CentOS版)--(

    Wireguard+udpspeeder+udp2raw游戏加速方案 ---------------------------------------错误报告及解决-----------...

    wireguard+udpspeeder+udp2raw多用户配置

    Wireguard+udpspeeder+udp2raw游戏加速方案改进版-实测有效