手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

Javascript判断横竖屏

首页 > Javascript >

最近在做ipad上的网页处理的时候,经常需要切换横竖屏。于是找了一下资料,写了一个简单的判断:

function check(){
     var s,screen = (window.innerWidth > window.innerHeight) ? "portrait" :"landscape";
     if(s!=screen){
         s=screen;
         alert(s);
    }
}
然后在document.addEventListener("DOMContentLoaded",function(){
     //在这里加入
    window.addEventListener("orientaionchange",check,false);
    //然后就是很重要的一句:
    setInterval(check,300);
})

为什么要用setInterval,就是因为每一次切换都要迅速判断,因此不得不用setInterval,否则第一次判断后就不会再处理了。。




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

Tags: javascript, ipad

« 上一篇 | 下一篇 »

只显示10条记录相关文章

[转载]超强大的jquery formValidator (浏览: 50958, 评论: 3)
jQuery插件---获取URL参数 (浏览: 46251, 评论: 1)
通过JS更改FORM的action (浏览: 35586, 评论: 1)
JQuery学习第一天 (浏览: 35477, 评论: 3)
JS美化软件 (浏览: 32574, 评论: 4)
如何调试JS错误 (浏览: 28769, 评论: 0)
jQuery Plugins -- JQzoom (浏览: 27819, 评论: 3)
利用PHP裁剪图片 (浏览: 27377, 评论: 4)
Minify的简单介绍 (浏览: 27202, 评论: 0)
Javascript的变量与delete操作符 (浏览: 27113, 评论: 1)

发表评论

评论内容 (必填):