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 建立对象的方法
Apr 21 Javascript
JS 有名函数表达式全面解析
Mar 19 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
Aug 21 Javascript
js获取json元素数量的方法
Jan 27 Javascript
详解angularjs结合pagination插件实现分页功能
Feb 10 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
Feb 27 Javascript
JavaScript数据结构之二叉查找树的定义与表示方法
Apr 12 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
Aug 12 Javascript
Vue 3.0 全家桶抢先体验
Apr 28 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
May 09 Javascript
JS如何生成动态列表
Sep 22 Javascript
如何在vue 中使用柱状图 并自修改配置
Jan 21 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
PHP4之真OO
2006/10/09 PHP
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
PHP 的 __FILE__ 常量
2007/01/15 PHP
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
Yii框架实现的验证码、登录及退出功能示例
2017/05/20 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
Yii框架自定义数据库操作组件示例
2019/11/11 PHP
JS支持带x身份证号码验证函数
2008/08/10 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
javascript实现禁止右键和F12查看源代码
2014/12/26 Javascript
JavaScript数组各种常见用法实例分析
2015/08/04 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
jQuery学习心得总结(必看篇)
2016/06/10 Javascript
javascript实现简单的可随机变色网页计算器示例
2016/12/30 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
微信JS-SDK选取手机照片上传功能
2017/04/21 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
2018/03/02 Javascript
写一个移动端惯性滑动&amp;回弹Vue导航栏组件 ly-tab
2018/03/06 Javascript
小程序实现发表评论功能
2018/07/06 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
2019/03/28 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
layui对工具条进行选择性的显示方法
2019/09/19 Javascript
electron-vue开发环境内存泄漏问题汇总
2019/10/10 Javascript
python 内置函数filter
2017/06/01 Python
python 读取文件并替换字段的实例
2018/07/12 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
Python类成员继承重写的实现
2020/09/16 Python
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
新年爱情寄语
2014/04/08 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
大型公益活动策划方案
2014/08/20 职场文书
关于开学的感想
2015/08/10 职场文书
Nginx解决403 forbidden的完整步骤
2021/04/01 Servers