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

更新时间：2014年09月30日 15:50:36 投稿：whsnow

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>

您可能感兴趣的文章:

Avalonjs 实现简单购物车功能(实例代码)
avalon是国内最强大的MVVM框架，最近小编在高购物车的项目，我们是用avalon来实现一些模块的，所以顺其自然的用avalon来实现购物车。接下来通过本文给大家分享Avalonjs 实现简单购物车功能的实例代码，需要的的朋友参考下
2017-02-02
原生JS实现音乐播放器的示例代码
这篇文章主要介绍了原生JS实现音乐播放器的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-02-02
JavaScript数据结构之二叉树的查找算法示例
这篇文章主要介绍了JavaScript数据结构之二叉树的查找算法,结合具体实例形式分析了javascript针对二叉树节点最小值、最大值的相关查找操作实现技巧,需要的朋友可以参考下
2017-04-04
js继承的实现代码
学着js的继承，自己也写了个。感觉不是很好。现在很多代码都封装成类。
2010-08-08
JavaScript前后端数据交互工具ajax使用教程
Ajax（Asynchronous Javascript And XML），即是异步的JavaScript和XML，Ajax其实就是浏览器与服务器之间的一种异步通信方式
2022-10-10
浅析jsopn跨域请求原理及cors（跨域资源共享）的完美解决方法
由于同源策略的缘故，ajax不能向不同域的网站发出请求。接下来通过本文给大家介绍jsopn跨域请求原理及cors（跨域资源共享）的完美解决方法,需要的朋友可以参考下
2017-02-02
微信小程序实现触底加载与下拉刷新的示例代码
本文主要介绍了微信小程序实现触底加载与下拉刷新的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-05-05
JavaScript仿微博输入框效果(案例分析)
这篇文章给大家分享一个小的JavaScript的案例，就是模仿微博输入框的效果，非常不错，对微博输入框效果感兴趣的朋友通过本文学习吧
2016-12-12
使用typescript推导已有变量的盲盒类型详情
这篇文章主要介绍了使用typescript推导已有变量的盲盒类型详情，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-08-08
一文详解JS中的块级作用域
在JavaScript的世界里,作用域可以分为三种,分别是全局作用域,函数作用域,块级作用域,本文主要来和大家聊聊JS中块级作用域的相关知识,感兴趣的可以了解下
2023-09-09