js监测手机屏幕旋转（横屏还是竖屏）

主要js代码如下：

示例一：

window.addEventListener("orientationchange", function() {if(window.orientation === 90){console.log('这是竖屏')}if(window.orientation === 0){console.log('这是横屏')}
}, false);

示例二：

 // 判断屏幕是否旋转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;};};// 添加事件监听window.addEventListener('load', function(){orientationChange();window.onorientationchange = orientationChange;});

拓展知识：

1.orientationchange事件在设备的纵横方向改变时触发
2.orientation属性有三个值：

0：竖屏模式（portrait），
-90：该设备横向旋转到右侧的横屏模式（landscape），
90：该设备横向旋转到左边的横屏模式（landscape）。

兼容情况：

js监测手机屏幕旋转（横屏还是竖屏）相关推荐

JS判断手机浏览器是横屏or竖屏
移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态. 从而根据实际需求而执行相应的程序. 通过添加监听事件onorientation ...
qt linux 横屏,linux Qt4.8屏幕旋转(横屏、竖屏)
linux下要实现应用程序屏幕可旋转,也就是可切换横屏竖屏,可参考: 方法一:利用 QGraphicsView 实现旋转,参照另一篇文章QGraphicsView旋转(横屏竖屏) 方法二:利用API ...
如何让你的手机屏幕固定横屏和竖屏
1.在 AndroidManifest.xml文件中对节点添加android:screenOrientation属性(landscape是横向,portrait是纵向) android:screenO ...
JS 判断手机当前是横屏还是竖屏
orientation官方文档 function rotate() {if (window.orientation == 180 || window.orientation == 0) {alert( ...
Android 判断当前屏幕是横屏还是竖屏
记录学习 /** * 返回当前屏幕是否为竖屏. * @param context * @return 当且仅当当前屏幕为竖屏时返回true,否则返回false. */ public sta ...
H5 + vue 监听手机屏幕旋转及判断横竖屏
mounted () {// 监听 resize 方法window.addEventListener("resize", this.renderResize, false) }, ...
手机屏幕的横屏竖屏的切换与判断
在一般情况下,横屏竖屏的切换,会将activity杀死再生成新的,那么会影响用户的体验度.有两种方法,可以解决. (1).直接固定横屏或者竖屏,屏幕不会切换. 在配置清单中: <activity ...
android虚拟机固定横屏幕竖屏,用VBox虚拟机安装Android 屏幕90度翻转竖屏设置
在虚拟机中安装好Android之后,有一些Android应用(比如UC浏览器.UC桌面)不能安装.但更有一些程序是可以安装,却自动顺时间旋转了90度,操作和看起来非常不爽! 这个情况下,在Androi ...
点击图片旋转180_一起来点亮斗门！请你旋转手机屏幕90横屏并点击图片！
夕阳西下万家灯火亮起斗门之夜流光溢彩夜斗门有多美? 我们一起来点亮她! 请旋转手机屏幕90° 横屏观看并点击图片点击图片点击图片看斗门华丽变身! 日落时分余晖洒落在河面上斗门的夜在 ...

js监测手机屏幕旋转（横屏还是竖屏）

主要js代码如下：

拓展知识：

兼容情况：

js监测手机屏幕旋转（横屏还是竖屏）相关推荐

最新文章

热门文章