html5监听屏幕旋转
2015-12-09 19:24
776 查看
屏幕旋转事件:onorientationchange
添加屏幕旋转事件侦听,可随时发现屏幕旋转状态(左旋、右旋还是没旋)。例子:
添加屏幕旋转事件侦听,可随时发现屏幕旋转状态(左旋、右旋还是没旋)。例子:
// 判断屏幕是否旋转 function orientationChange() { switch(window.orientation) { case 0: alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height); break; case -90: alert("左旋 -90,screen-width: " + screen.width + "; screen-height:" + screen.height); break; case 90: alert("右旋 90,screen-width: " + screen.width + "; screen-height:" + screen.height); break; case 180: alert("风景模式 180,screen-width: " + screen.width + "; screen-height:" + screen.height); break; };<br>}; // 添加事件监听 addEventListener('load', function(){ orientationChange(); window.onorientationchange = orientationChange; });
相关文章推荐
- HTML5动画/游戏神器---AlloyStick
- 巧用Html5 History Api解决SPA的SEO问题
- HTML5之一——新标签
- HTML5离线应用与客户端存储
- h5与原生代码交互
- 打造H5动感影集的爱恨情仇–动画性能篇
- HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
- HTML5之废弃和更新的元素与属性
- 实例讲解HTML5的meta标签的一些应用
- html5学习:轮播图
- HTML5 本地存储 LocalStorage
- 推荐10款非常优秀的HTML5开发工具
- HTML4和HTML5之间的10个主要不同的地方
- HTML5 特性检测:Canvas Text
- HTML5中对script标签的规定与解释
- HTML5中元素事件大全
- HTML5中元素属性
- html5 canvas雨点打到窗玻璃动画
- html5 文件系统File API
- 兼容性(Flash&H5)好的上传插件