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 相关文章推荐
jQuery 使用手册(五)
Sep 23 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
使用时间戳解决ie缓存的问题
Aug 20 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
JS限定手机版中图片大小随分辨率自动调整的方法
Dec 05 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
React+Antd+Redux实现待办事件的方法
Mar 14 Javascript
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
May 16 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 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集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
PHP strripos函数用法总结
2019/02/11 PHP
php生成随机数/生成随机字符串的方法小结【5种方法】
2020/05/27 PHP
利用jquery的获取JS文件中的字符串内容
2012/02/14 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
2017/03/13 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
vue.js语法及常用指令
2017/10/29 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
mpvue小程序仿qq左滑置顶删除组件
2018/08/03 Javascript
js代码实现轮播图
2020/05/04 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
[02:20]DOTA2亚洲邀请赛 IG战队出场宣传片
2015/02/07 DOTA
深入理解Python中命名空间的查找规则LEGB
2015/08/06 Python
全面了解python中的类,对象,方法,属性
2016/09/11 Python
快速了解Python相对导入
2018/01/12 Python
实用自动化运维Python脚本分享
2018/06/04 Python
python实现AES和RSA加解密的方法
2019/03/28 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
使用javascript和HTML5 Canvas画的四渐变色播放按钮效果
2014/04/10 HTML / CSS
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
信息专业大学生自我评价分享
2014/01/17 职场文书
创业培训计划书
2014/05/03 职场文书
单位委托书怎么写
2014/09/21 职场文书
党的群众路线教育实践活动心得体会(企业)
2014/11/03 职场文书
贫困生助学金感谢信
2015/01/21 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
社区干部培训心得体会
2016/01/06 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
MySQL的安装与配置详细教程
2021/06/26 MySQL
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android