H5 使用JS禁止横竖屏切换、强制横竖屏

JavaScript016

H5 使用JS禁止横竖屏切换、强制横竖屏,第1张

ipad: 90 或 -90 横屏

ipad: 0 或180 竖屏

Andriod:0 或180 横屏

Andriod: 90 或 -90 竖屏

js判断屏幕横竖屏:

不知道楼主问的是锁定页面还是整个计算机屏幕,如果后者就别想了,js不可能有那么大的权限,如果是锁定页面倒是好解决,用DIV+iframe盖住即可,再做个DIV上放一个文本框供输入解锁密码,密码正确就隐藏该DIV++iframe

锁定页面大概的代码如下:

<script language="javascript">

document.onkeydown=function(){//Ctrl+A锁定页面

if((event.ctrlKey)&&(event.keyCode==65)){

lock()

event.returnValue=false}

}

function lock(){//alert("锁定")

document.getElementById("lock").style.display=""

document.body.scroll="no"

}

function ulock(psd){

if(psd=="123"){//密码为"123"

document.getElementById("lock").style.display="none"

document.body.scroll="auto"

}else{

alert("密码错误")

document.getElementById("psd").focus()

}

}

</script>

<DIV id="lock" style="z-index:10000background:#fffposition:absoluteleft:0top:0display:none">

<div>

请输入密码解锁:

<input type="text" id=psd />

<input type="submit" value="确定" onclick="ulock(document.getElementById('psd').value)"></div>

<iframe style="width:10000pxheight:10000px"></iframe>

</div>

以上代码只提供一种思路,还有很多细节应该注意到:比如屏蔽刷新和一些快捷键等,还有界面的美化等。

祝好运!