JS 网页设置横竖屏切换

JS 网页设置横竖屏切换

<!DOCTYPE html>
<html><head><metahttp-equiv="Content-Type"content="application/xhtml+xml;charset=UTF-8"/><meta name="viewport" content="width=device-width" /><title>手机横、竖屏事件</title></head><body onload="screenOrientationEvent()"><span id="change"></span></body>
</html>

 <script language="javascript" type="text/javascript">//屏幕方向标识，0横屏，其他值竖屏var orientation = 0;var innerWidthTmp = window.innerWidth;//转屏事件，内部功能可以自定义function screenOrientationEvent() {if (orientation == 0) {document.getElementById("change").innerHTML = "竖屏";} else {document.getElementById("change").innerHTML = "横屏";}}//横竖屏事件监听方法function screenOrientationListener() {try {//获取可视窗口文档显示区宽度var iw = window.innerWidth;//屏幕方向改变处理if (iw != innerWidthTmp) {if (iw > window.innerHeight) {orientation = 90;} else {orientation = 0;}//调用转屏事件screenOrientationEvent();innerWidthTmp = iw;}} catch (e) {alert(e);}//间隔固定事件检查是否转屏，默认500毫秒setTimeout("screenOrientationListener()", 100);}//启动横竖屏事件监听screenOrientationListener();</script>

JS 网页设置横竖屏切换相关推荐

android实现自动横竖屏切换,android 中实现横竖屏切换【原创】
我们在使用android手机的时候,发现一些应用有横竖屏切换的功能,一般实现有以下几种方法: 一.设置 1.通过XML设置横竖屏切换在项目的 AndroidManifest.xml中找到你所指定的a ...
WebView网页视频统一全屏播放及横竖屏切换
WebView 支持 Html5 video 进行全屏播放及横竖屏自动切换 1.检查AndroidManifest.xml清单文件,WebView控件所在的Activity配置信息;检查Activit ...
Android横竖屏切换View设置不同尺寸或等比例缩放的自定义View的onMeasure解决方案（2）...
Android横竖屏切换View设置不同尺寸或等比例缩放的自定义View的onMeasure解决方案(2) 附录文章1以xml布局文件方式实现了一个view在横竖屏切换时候的大小尺寸缩放,实现这种需求 ...
Android 禁止横竖屏切换、设置横屏
<activity android:name="com.bokecc.sdk.mobile.QuestionActivity.QuestionSingleChoiceActivity& ...
html5禁止手机横竖屏,【Web前端问题】js 能禁止手机横竖屏切换吗
js 能禁止手机横竖屏切换吗回答: js判断手机横屏模式方法名称:orientation 实例: if(window.orientation!=0){ var obj=document.getE ...
Android横竖屏加载不同的XML,Android横竖屏切换View设置不同尺寸或等比例缩放的XML解决方案...
在一些应用中,涉及到横竖屏切换,View要切换成不同大小比例尺寸.为解决这种开发场景,有多种解决方案,比如可以重写View,实现横竖切换在onMesure或者此类View的回调方法里面重新测量重新绘制 ...
手机横竖屏相关设置：动态关闭横竖屏切换、指定横竖屏切换
方式一:通过重力感应开关来关闭/开启横竖屏切换关闭横竖屏切换:Settings.System.putInt(context.getContentResolver(), Settings.System ...
flutter 实现切屏横竖屏切换
实现切屏横竖屏切换参考参考 class MediaPage extends StatefulWidget {@overrideState<StatefulWidget> createS ...
android compose webview视频播放横竖屏切换
先看演示 compose webview横竖屏切换 1.添加依赖: 文档 implementation "com.google.accompanist:accompanist-webview ...

JS 网页设置横竖屏切换

JS 网页设置横竖屏切换相关推荐

最新文章

热门文章