js事件绑定快捷键以ctrl+k为例
作者:bea
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()
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>
猜你喜欢
您可能感兴趣的文章:
- 使用jQuery将多条数据插入模态框的实现代码
- get(0).tagName获得作用标签示例代码
- 一个css与js结合的下拉菜单支持主流浏览器
- Javascript获取当前日期的农历日期代码
- javascript中通过arguments参数伪装方法重载
- 利用原生JavaScript获取元素样式只是获取而已
- javascript学习笔记(八)正则表达式
- javascript学习笔记(七)Ajax和Http状态码
- javascript学习笔记(六)数据类型和JSON格式
- javascript学习笔记(五)原型和原型链详解
- JavaScript中获取高度和宽度函数总结
- 5个可以帮你理解JavaScript核心闭包和作用域的小例子
- JavaScript中获取样式的原生方法小结
- 吐槽一下我所了解的Node.js
- Node.js 的异步 IO 性能探讨
- JS中的form.submit()不能提交表单的错误原因
- js数值计算时使用parseInt进行数据类型转换(jquery)
- js交换排序 冒泡排序算法(Javascript版)
- Javascript获取当前时间函数和时间操作小结