js綁定快捷鍵

最新推荐文章于 2023-08-04 10:46:43 发布

xingyuner2

最新推荐文章于 2023-08-04 10:46:43 发布

阅读量361

点赞数

文章标签： js 綁定鍵盤鍵

本文链接：https://blog.csdn.net/xingyuner2/article/details/77905438

版权

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>

xingyuner2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js綁定快捷鍵

1，適合于綁定一個功能鍵和一個鍵盤鍵 window.onload=function(){ HotKeyHandler.Init(); } var HotKeyHandler={ currentMainKey:null, currentValueKey:null, Init:function(){ HotKeyHandler.Regist
复制链接

扫一扫

js綁定快捷鍵

“相关推荐”对你有帮助么？