JS检测移动端横竖屏的代码

2019独角兽企业重金招聘Python工程师标准>>>

移动端的设备提供了一个事件：orientationChange事件

这个事件是苹果公司为safari中添加的。以便开发人员能够确定用户何时将设备由横向查看切换为纵向查看模式。

在设备旋转的时候，会触发这个事件，

// Listen for orientation changes
window.addEventListener("orientationchange", function() {
// Announce the new orientation number
alert(window.orientation);
}, false);

只要用户改变了设备的查看模式，就会触发 orientationChange事件。此时的event对象不包含任何有价值的信息，

因为唯一相关信息可以通过window.orientation访问到

orientation属性

它有三个值：0,90，-90

0为竖屏模式（portrait），-90意味着该设备横向旋转到右侧的横屏模式（landscape），而90表示该设备是横向旋转到左边的横屏模式（landscape）。

还有一个是180，表示竖屏但是是翻转过来的竖屏模式。但这种模式至今尚未得到支持。

如图所示： // 每次旋转，调用这个事件。

window.addEventListener('orientationchange',updateOrientation,false);
// 事件的初始化

转载于:https://my.oschina.net/shuaihong/blog/3004343