js绑定快捷键

1,适合于绑定一个功能键和一个键盘键

<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<script type="text/javascript">
window.οnlοad=function(){
 HotKeyHandler.Init();
}
var HotKeyHandler={
 currentMainKey:null,
 currentValueKey:null,
 Init:function(){
 HotKeyHandler.Register(0,"L",
   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);
 console.log(keyValue);
 if (HotKeyHandler.currentMainKey != null) {
  if (keyValue == value) {
   HotKeyHandler.currentMainKey = null;
    if (func != null)     
     func();
     }
    }
  if (keyCode == MainKey)   
   HotKeyHandler.currentMainKey = keyCode;
   }
  }
 }
</script>
</head>
<body>测试,按下ctrl+l你就会发现神奇的事情发生了
</body>

2,可以绑定功能键组合(如:crtl+alt),且比较简洁。

<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<script type="text/javascript">
window.οnlοad=function(){
 function dkey()
 { if(event.ctrlKey && window.event.keyCode == 13)
      alert("你按下了Ctrl+Enter键")
   if(window.event.keyCode == 13)
      alert("你按下了Enter键")
   if(event.ctrlKey && event.altKey && window.event.keyCode == 76)
     alert("你按下了Ctrl+ALt+l键")
   if(event.altKey && window.event.keyCode==65)
    alert("您按下了alt+a键");
 }
 document.οnkeydοwn=dkey
}
</script>
</head>
<body>测试,按下Ctrl+ALt+l你就会发现神奇的事情发生了
</body>

发布了32 篇原创文章 · 获赞 5 · 访问量 2万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章