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


Posted in Javascript onSeptember 30, 2014

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>
Javascript 相关文章推荐
23个Javascript弹出窗口特效整理
Feb 25 Javascript
IE6/7/8/9不支持exec的简写方式
May 25 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
Apr 26 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
JavaScript中的ArrayBuffer详细介绍
Dec 08 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
vue打包使用Nginx代理解决跨域问题
Aug 27 Javascript
Vue实现简单计算器
Jan 20 Vue.js
显示今天的日期js代码(阳历和农历)
Sep 30 #Javascript
gridview生成时如何去掉style属性中的border-collapse
Sep 30 #Javascript
javascript学习笔记(四)function函数部分
Sep 30 #Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 #Javascript
让人蛋疼的JavaScript语法特性
Sep 30 #Javascript
javascript学习笔记(二)数组和对象部分
Sep 30 #Javascript
javascript学习笔记(一)基础知识
Sep 30 #Javascript
You might like
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
PHP简单获取多个checkbox值的方法
2016/06/13 PHP
PHP线程的内存回收问题
2016/07/08 PHP
完美解决phpexcel导出到xls文件出现乱码的问题
2016/10/29 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
在phpstudy集成环境下的nginx服务器下配置url重写
2019/12/02 PHP
JQuery jsonp 使用示例代码
2009/08/12 Javascript
IE FF OPERA都可用的弹出层实现代码
2009/09/29 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
JS &amp; JQuery 动态添加 select option
2016/06/08 Javascript
JavaScript中闭包的写法和作用详解
2016/06/29 Javascript
angularJS Provider、factory、service详解及实例代码
2016/09/21 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
jQuery实现简单评论功能
2020/08/19 jQuery
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
Python功能键的读取方法
2015/05/28 Python
Python3实现定时任务的四种方式
2019/06/03 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
Python Print实现在输出中插入变量的例子
2019/12/25 Python
Python实现结构体代码实例
2020/02/10 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
python游戏开发的五个案例分享
2020/03/09 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
英国婴儿和儿童服装网站:Vertbaudet
2018/04/02 全球购物
中介业务员岗位职责
2014/04/09 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
仓管员岗位职责范本
2015/04/01 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
2015年街道办事处团委工作总结
2015/10/14 职场文书
python中Matplotlib绘制直线的实例代码
2021/07/04 Python
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android
Go语言grpc和protobuf
2022/04/13 Golang