js锁屏效果
<script type="text/javascript">
window.onload = function() {
if (document.cookie.indexOf('lock=1') != -1) {
document.oncontextmenu = function() {
alert("当前页面不能使用右键！");
return false;
}
document.onkeydown = function() {
if (window.event && window.event.keyCode == 123) {
alert("F12被禁用");
event.keyCode = 0;
event.returnValue = false;
}
if (window.event && window.event.keyCode == 13) {
window.event.keyCode = 505;
}
if (window.event && window.event.keyCode == 8) {
alert(str + "\n请使用Del键进行字符的删除操作！");
window.event.returnValue = false;
}
}
ShowContent(false);
}
//10s后锁定，修改delay为你需要的时间，单位毫秒
var delay = 1 * 1000,
timer;
function startTimer() {
clearTimeout(timer);
timer = setTimeout(TimerHandler, delay);
}
function TimerHandler() {
document.cookie = 'lock=1';
//锁定后移除鼠标移动事件
document.onmousemove = null;
document.oncontextmenu = function() {
alert("当前页面不能使用右键！");
return false;
}
document.onkeydown = function() {
if (window.event && window.event.keyCode == 123) {
alert("F12被禁用");
event.keyCode = 0;
event.returnValue = false;
}
if (window.event && window.event.keyCode == 13) {
window.event.keyCode = 505;
}
if (window.event && window.event.keyCode == 8) {
alert(str + "\n请使用Del键进行字符的删除操作！");
window.event.returnValue = false;
}
}
ShowContent(false);
}
function ShowContent(show) {
// document.getElementById('dvContent').style.display = show ? 'block' : 'none';
document.getElementById('dvPassword').style.display = show ? 'none' : 'block';
document.getElementById('bgdvPassword').style.display = show ? 'none' : 'block';
}
function check() {
if (document.getElementById('txtPwd').value == '123') {
document.cookie = 'lock=0';
ShowContent(true);
startTimer() //重新计时
document.oncontextmenu = null
document.onkeydown = null
} else {
alert('密码不正确');
}
}
document.onmousemove = startTimer;
var obt = document.getElementById("bt");
obt.onclick = function() {
check();
}
startTimer();
}
function ShowContents() {
document.cookie = 'lock=1';
//锁定后移除鼠标移动事件
document.oncontextmenu = function() {
return false;
}
document.onkeydown = function() {
if (window.event && window.event.keyCode == 123) {
alert("F12被禁用");
event.keyCode = 0;
event.returnValue = false;
}
if (window.event && window.event.keyCode == 13) {
window.event.keyCode = 505;
}
if (window.event && window.event.keyCode == 8) {
alert(str + "\n请使用Del键进行字符的删除操作！");
window.event.returnValue = false;
}
}
// document.getElementById('dvContent').style.display = show ? 'block' : 'none';
document.getElementById('dvPassword').style.display = 'block';
document.getElementById('bgdvPassword').style.display = 'block';
}
</script>
<div id='bgdvPassword' style=' position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.33;display:none'></div>
<div id='dvPassword' style=' position: absolute; top: 30%; left: 30%; width: 40%; height: 20%; background: #fff;display:none'>
<div style='height:25px; background: #f1f1f1;color:#000;font-size:20px;padding:5px 10px 5px 5px'> 请输入密码 </div>
<div style='position: absolute; top: 30px; left: 10%; width:80%; padding:40px 10px 5px 5px '>
<input type='password' id='txtPwd' style='display: block; height: 35px; width: 65%; background: #fff; padding-left: 5px; border: 0px; float: left;' />
<input type='button' id='bt' value='确定' style=' display: block; height: 35px; width: 25%; background: #13b8f7; padding-left: 5px; border: 0px; float: right;' />
</div>
</div>
<div onclick='ShowContents()'>
锁屏
</div>
