js事件绑定快捷键

最新推荐文章于 2024-05-12 05:52:40 发布

u011144154

最新推荐文章于 2024-05-12 05:52:40 发布

阅读量566

点赞数

分类专栏： web前端文章标签： js 快捷键 ViewUI

本文链接：https://blog.csdn.net/u011144154/article/details/84656953

版权

web前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript">
window.οnlοad=function(){
	HotKeyHandler.Init();
}
var HotKeyHandler={
	currentMainKey:null,
	currentValueKey:null,
	Init:function(){
		HotKeyHandler.Register(0,"K",function(){alert("注册成功");});
	},
	Register:function(tag,value,func){
		var MainKey="";
		switch(tag){
			case 0:
			MainKey=17; //Ctrl
			break;
			case 1:
			MainKey=16; //Shift
			break;
			case 2:
			MainKey="18"; //Alt
			break;
		}
		 document.οnkeyup=function(e){
			 HotKeyHandler.currentMainKey=null;
		 }
		
		 document.οnkeydοwn=function(event){    
         //获取键值  
         var keyCode= event.keyCode ; 
		 var keyValue = String.fromCharCode(event.keyCode);
		
		 if(HotKeyHandler.currentMainKey!=null){
			 if(keyValue==value){
				 HotKeyHandler.currentMainKey=null;
				if(func!=null)func();
			 }
		 }
		 if(keyCode==MainKey)
             HotKeyHandler.currentMainKey=keyCode;
	   } 
	}
}
</script> 
</head>
<body>
测试，按下ctrl+k你就会发现神奇的事情发生了
</body>
</html>

u011144154

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js事件绑定快捷键

&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript"&gt;window.onload=function(){ HotKeyHandler.Init();}var HotKeyHandler={ currentMainKey:null, currentValueKey:null, Init:fun...
复制链接

扫一扫

专栏目录