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

Javascript判断横竖屏

首页 > Javascript >

Submitted by gouki on 2011, September 24, 3:33 AM. 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 (浏览: 51815, 评论: 3)
jQuery插件---获取URL参数 (浏览: 47113, 评论: 1)
通过JS更改FORM的action (浏览: 36366, 评论: 1)
JQuery学习第一天 (浏览: 36345, 评论: 3)
JS美化软件 (浏览: 33425, 评论: 4)
如何调试JS错误 (浏览: 29587, 评论: 0)
jQuery Plugins -- JQzoom (浏览: 28533, 评论: 3)
Minify的简单介绍 (浏览: 28127, 评论: 0)
利用PHP裁剪图片 (浏览: 28054, 评论: 4)
Javascript的变量与delete操作符 (浏览: 27942, 评论: 1)

发表评论

评论内容 (必填):