判断屏幕是否旋转
2016-04-06 18:12
232 查看
判断屏幕是否旋转
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;
};};
添加事件监听
addEventListener('load', function(){
orientationChange();
window.onorientationchange = orientationChange;
});
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;
};};
添加事件监听
addEventListener('load', function(){
orientationChange();
window.onorientationchange = orientationChange;
});
相关文章推荐
- easyui------显示隐藏列功能
- 浅谈web标准、可用性、可访问性 3ff8
- Web可读性的三个层次
- 【汇】Web前端优化(雅虎、谷歌最佳实践手册)
- web前端响应式设计总结
- JavaScript中document的用法
- Web前端研发工程师编程能力飞升之路
- 11款实用的一句话网站设计代码
- HTML5 localStorage本地儲存
- 百度-web前端面试
- web前端开发工程师需要学习的技能
- 1.html的基本概念的学习
- 基于js和css3的缓冲图标
- 15个网站图片优化的原则
- 页面设计中table和div的适当使用
- DIV背景定位
- 浅谈document.domain
- 【JavaScript高级程序设计】关于继承的实现(上)
- 【JavaScript高级程序设计】关于继承的实现(下)