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 相关文章推荐
Javascript 赋值机制详解
Nov 23 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
浅谈Vue.nextTick 的实现方法
Oct 25 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
显示今天的日期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
zend framework多模块多布局配置
2011/02/26 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
2015/12/31 PHP
JavaScript闭包 懂不懂由你反正我是懂了
2011/10/21 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
用JavaScript实现动画效果的方法
2013/07/20 Javascript
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
js实现一个可以兼容PC端和移动端的div拖动效果实例
2016/12/09 Javascript
jQuery实现立体式数字动态增加(animate方法)
2016/12/21 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
解决vant-UI库修改样式无效的问题
2020/11/03 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
[52:31]VP vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
Python中的hypot()方法使用简介
2015/05/18 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
python 列表,数组,矩阵两两转换tolist()的实例
2018/04/04 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
python远程连接MySQL数据库
2019/04/19 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
C++面试题:关于链表和指针
2013/06/05 面试题
中海讯通笔试题
2015/09/15 面试题
电大自我鉴定
2013/10/27 职场文书
市场营销毕业生自荐信
2013/11/23 职场文书
初中教师个人工作总结
2015/02/10 职场文书
业务员辞职信范文
2015/03/02 职场文书
创业计划书之家教中心
2019/09/25 职场文书
python 实现mysql自动增删分区的方法
2021/04/01 Python
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python