首页 > 语言 > JavaScript > 正文

js事件绑定快捷键以ctrl+k为例

2024-05-06 16:09:22
字体:
来源:转载
供稿:网友

js为快捷键绑定事件,当按这个快捷键时就会触发事先绑定处理函数,下面以ctrl+k为例与大家分享下具体的实现代码

 

 

 

js代码
 

<html>

<head>

<script type="text/javascript">

window.onload=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.onkeyup=function(e){

HotKeyHandler.currentMainKey=null;

}

 

document.onkeydown=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>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选