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面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
jquery日历插件datepicker用法分析
Jan 22 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
jQuery Pagination分页插件使用方法详解
Feb 28 Javascript
node使用Mongoose类库实现简单的增删改查
Nov 08 Javascript
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
详解如何使用router-link对象方式传递参数?
May 02 Javascript
vue实现图片上传功能
May 28 Javascript
Electron整合React使用搭建开发环境的步骤详解
Jun 07 Javascript
JavaScript手写数组的常用函数总结
Nov 22 Javascript
如何利用js在两个html窗口间通信
Apr 27 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
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
使用javascript实现ListBox左右全选,单选,多选,全请
2013/11/07 Javascript
javascript继承的六大模式小结
2015/04/13 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
原生态js,鼠标按下后,经过了那些单元格的简单实例
2016/08/11 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
bootstrap监听滚动实现头部跟随滚动
2016/11/08 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
详解Vue 方法与事件处理器
2017/06/20 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
基于Axios 常用的请求方法别名(详解)
2018/03/13 Javascript
js+html5实现手机九宫格密码解锁功能
2018/07/30 Javascript
Vue父子组件双向绑定传值的实现方法
2018/07/31 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
ant-design-vue 实现表格内部字段验证功能
2019/12/16 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
基于python实现微信模板消息
2015/12/21 Python
Python实现的直接插入排序算法示例
2018/04/29 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
python 实现 hive中类似 lateral view explode的功能示例
2020/05/18 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
python tkinter实现下载进度条及抖音视频去水印原理
2021/02/07 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
临床医师专业个人自我评价范文
2013/11/07 职场文书
早会主持词
2014/03/17 职场文书
教师业务培训方案
2014/05/01 职场文书
技术股东合作协议书
2014/12/02 职场文书
解除同居协议书
2015/01/29 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
搞笑婚礼主持词开场白
2015/11/24 职场文书
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技