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

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

功能简介:

进入方法,按下空格,输出记录,若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>
发布了4 篇原创文章 · 获赞 1 · 访问量 487

猜你喜欢

转载自blog.csdn.net/weixin_44760375/article/details/102835263
今日推荐