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 相关文章推荐
图片按比例缩放函数
Jun 26 Javascript
Javascript 面向对象 对象(Object)
May 13 Javascript
js的写法基础分析
Jan 17 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
javascript仿php的print_r函数输出json数据
Sep 13 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 Javascript
js代码验证手机号码和电话号码是否合法
Jul 30 Javascript
js实现网页图片延时加载 提升网页打开速度
Jan 26 Javascript
Vue + Vue-router 同名路由切换数据不更新的方法
Nov 20 Javascript
vue 页面回退mounted函数不执行的解决方案
Jul 26 Javascript
浅谈JavaScript中的“!!”作用
Aug 03 Javascript
Vue 3.0中jsx语法的使用
Nov 13 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
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
PHP 实用代码收集
2010/01/22 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
thinkphp普通查询与表达式查询实例分析
2014/11/24 PHP
3种方法轻松处理php开发中emoji表情的问题
2016/07/18 PHP
Prototype使用指南之base.js
2007/01/10 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
2010/04/02 Javascript
javascript权威指南 学习笔记之null和undefined
2011/09/25 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
Vue 将后台传过来的带html字段的字符串转换为 HTML
2018/03/29 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
2019/01/24 Javascript
详解Vue中组件的缓存
2019/04/20 Javascript
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
python实现控制台输出颜色
2021/03/02 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
护理学专业推荐信
2013/12/03 职场文书
运动会跳远广播稿
2014/02/04 职场文书
服装店营销方案
2014/03/10 职场文书
行政内勤岗位职责
2014/04/07 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
孔庙导游词
2015/02/04 职场文书
行政前台岗位职责
2015/04/16 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
解决Python字典查找报Keyerror的问题
2021/05/26 Python
pytorch 实现多个Dataloader同时训练
2021/05/29 Python