JS键盘按键事件,松开以后继续执行操作

mac2024-04-07  37

键盘按键事件

简介代码实现按下直到松开才接着执行

简介代码实现按下直到松开才接着执行

功能简介:

进入方法,按下空格,输出记录,若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>
最新回复(0)