WEB技术之前端技术

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

PHPer 2018-02-04 135次浏览 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特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(co...

    localStorage的使用

    localStorage其他注意事项

    PHP双引号中变量的判断

    实测,在双引号中,php对变量的判断方式,应该是用的规范的正则匹配/$\w*[^\W]/;匹配出来的结果在进入变量列表,所以当双引号中,某变量后面增加了\w的字符内容,...
    推荐内容

    MySQL数据库设计总结

    规则1:一般情况可以选择MyISAM存储引擎,如果需要事务支持必须使用InnoDB存储引擎。注意:MyISAM存储引擎 B-tree索引有一个很大的限制:参与一个索引的所有字...

    什么是B-Tree

    二叉查找树、平衡二叉树、红黑树、B-/B+树性能对比

    使用Yii2遇到的问题整理

    Yii的东西很多,学习和使用的时候遇到了各种各样的问题,这里记录整理下,方便大家分享。composer安装kartik-v/yii2-mpdf时报错,这里记录下 Yii2用compos...

    Yii2用composer更新时遇到的错误

    Yii2 用composer update 时提示'git' 不是内部或外部命令,也不是可运行的程序或批处理文件

    Yii2​用composer安装kartik-v/yii2-mpdf时报错,成功解决后,再让其支持中文。

    使用Yii2的setFlash和bootstrap.min.js遇到的问题,bootstrap.min.js的bug?

    Yii2的action不支持大小写吗?其实是支持的

    composer install 使用tips-网上找的composer install的使用技巧方法

    关于编程时遇到意想不到的错误如何解决

    比如当你写的一个php脚本执行出现问题,如果你的脚本里自己带了对错误的处理,可能会显示那里出错了。或者你用的框架,框架里有debug模式,会报错。

    使用Laravel 5.4问题总结

    这里写下laravel5.4的总结,用laravel也有段时间了,优点就不用多说了,好上手,较易学较易用,blade模板是非常的好用,等等。laravel的缺点有几个,灵活性一般,框架稍...

    使用Laravel 5.4问题总结 Lost connection to MySQL server at 'reading initial communication ...

    Laravel 5.4各种错误提示总结