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

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 (浏览: 53676, 评论: 3)
jQuery插件---获取URL参数 (浏览: 48972, 评论: 1)
JQuery学习第一天 (浏览: 39039, 评论: 3)
JS美化软件 (浏览: 36381, 评论: 4)
使用CURL函数发送数据时的注意事项 (浏览: 34724, 评论: 0)
Javascript的变量与delete操作符 (浏览: 30427, 评论: 1)
子域和根域同名cookie的处理 (浏览: 30149, 评论: 0)
Minify的简单介绍 (浏览: 29967, 评论: 0)
好不要脸的说明 (浏览: 29708, 评论: 4)
Ipad 新装两个软件:goodreader 和 pdf reader (浏览: 27261, 评论: 0)

发表评论

评论内容 (必填):

免费部署 N8N 的 Zeabur