键盘按键事件
简介代码实现按下直到松开才接着执行
功能简介:
进入方法,按下空格,输出记录,若5s内不放开,则弹出提示,若放开进入键盘松开事件,清除定时器,记录次数,进入下一轮循环。弹起方法内可加条件判断何时结束循环。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
</head>
<body>
<script type="text/javascript">
var startTime;//开始时间点
var endTime//结束时间点
var count=0;//循环次数
var countTimeOut;//定时器
//开始
$(function(){
begin();
})
function begin(){
//键盘按下事件
$(document).keydown(function(){
if(event.keyCode == 32){
countTimeOut=setTimeout(function(){
alert("按这么长时间,累了吧,松开吧!")
},5000)
console.log("按了")
startDate=(new Date()).getTime();
$(document).unbind("keydown"); //清除键盘事件
}
});
//键盘弹起事件
$(document).keyup(function(){
if(event.keyCode == 32){
console.log("============"
+"弹起来了")
clearTimeout(countTimeOut);//清除定时器
$(document).unbind("keyup"); //清除键盘事件
count++
console.log("count=="+count)
begin();//重新开始
}
});
}
</script>
</body>
</html>