您的位置:首页 > Web前端 > JavaScript

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

2014-09-30 15:50 525 查看

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>

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  事件绑定 快捷键