七月份 为页面增加粘滞键效果

这是一个普通的登陆界面

整个登陆框是一个div "login"
那么直接在开头插入js吧
<script type="text/javascript" src="shift.js"></script>
然后把登陆框的display改成none
再在末尾加一段覆盖整个页面的div "error"：
"
<div class="main" id="error"style="display:">
<br>
<h1><br>FBI WARNING!<br>非法的请求!<br>IP：此处本应显示来访者的IP<br><br></h1>
<p><a href="http://www.baidu.com">&laquo;首页</a></p>
</div>
"
最后显示效果应该是这样的

接下来开始写js里面的内容了
首先要有一段检测按键的代码
于是找到一段检测按键的代码：
"
function getKey(e){
e = e || window.event;
var keycode = e.which ? e.which : e.keyCode;
if(keycode == 16){
}
}
function listenKey () {
if (document.addEventListener) {
document.addEventListener("keyup",getKey,false);
} else if (document.attachEvent) {
document.attachEvent("onkeyup",getKey);
} else {
document.onkeyup = getKey;
}
}
listenKey()
"
16是shift的键码
好的先放进去
着重改写getKey(e)吧：
"
function getKey(e){
e = e || window.event;
var keycode = e.which ? e.which : e.keyCode;
if(keycode == 16){
n=n+1;
if(n==5){
login.style.display="";
error.style.display="none";
n=0;
}else{
login.style.display="none";
}
}
}
"
很简单
用n计数松开shift键的次数
达到5次就隐藏error显示login再将n归零
其余将一直显示error

那么问题来了
正统的粘滞键需要快速按5次shift才能启动
...
所以，得加按键间隔检测：
"
var t1="";
function getKey(e){
e = e || window.event;
var keycode = e.which ? e.which : e.keyCode;
if(keycode == 16){
var time=new Date();
var tim=time.getTime();
if (t1==""){t1=tim;n=1;}else{t2=t1;t1=tim;dt=t1-t2;n=dt<500?n+1:1;}
if(n==5){
login.style.display="";
error.style.display="none";
n=0;
t1="";
}else{
login.style.display="none";
}
}
"
大概这样子
用Date()的getTime()获取每次松开shift键的时间
计算间隔
只有间隔小于500毫秒才会引发n累加1，否则n归1

最后的最后
如果在已经打开控制台的页面粘贴网址打开
就防不住f12了
当然还有更复杂的方法
输出f12键检测页面长宽变化判断控制台的开闭
不过一个js这么复杂就有些过分了
增加网站安全的正确方法应当是写好后台而不是在前端耍手段
最后的最后的最后
我再BB一句
php才是全宇宙最好的语言