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 相关文章推荐
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
JavaScript跨平台的开源框架NativeScript
Mar 24 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
Sep 01 Javascript
JavaScript重定向URL参数的两种方法小结
Oct 19 Javascript
Bootstrap Modal遮罩弹出层代码分享
Nov 21 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
JavaScript中this用法学习笔记
Mar 17 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
理解JavaScript中的对象
Aug 25 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
三种php连接access数据库方法
2013/11/11 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
正确的PHP匹配UTF-8中文的正则表达式
2015/05/13 PHP
PHP数据库操作三:redis用法分析
2017/08/16 PHP
不同浏览器的怪癖小结
2010/07/11 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
详解node-ccap模块生成captcha验证码
2017/07/01 Javascript
微信小程序获取微信运动步数的实例代码
2017/07/20 Javascript
JavaScript数组的5种迭代方法
2017/09/29 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
python实现两张图片的像素融合
2019/02/23 Python
django的聚合函数和aggregate、annotate方法使用详解
2019/07/23 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
Python Merge函数原理及用法解析
2020/09/16 Python
python通过cython加密代码
2020/12/11 Python
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
Java多态性的定义以及类型
2014/09/16 面试题
农村婚礼证婚词
2014/01/10 职场文书
优秀的2014年两会精神解读
2014/03/17 职场文书
个人银行贷款担保书
2014/04/01 职场文书
《金孔雀轻轻跳》教学反思
2014/04/20 职场文书
2014财务部年度工作总结
2014/12/08 职场文书
城南旧事电影观后感
2015/06/16 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书
HTML5简单实现添加背景音乐的几种方法
2021/05/12 HTML / CSS
如何避免mysql启动时错误及sock文件作用分析
2022/01/22 MySQL