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 相关文章推荐
Prototype使用指南之form.js
Jan 10 Javascript
js+FSO遍历文件夹下文件并显示
Mar 07 Javascript
通过event对象的fromElement属性解决热区设置主实体的一个bug
Dec 22 Javascript
JavaScript 利用Cookie记录用户登录信息
Dec 08 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
AngularJS入门教程之XHR和依赖注入详解
Aug 18 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
js变量值传到php过程详解 将php解析成数据
Jun 26 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 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
跟我学Laravel之路由
2014/10/15 PHP
php5.3不能连接mssql数据库的解决方法
2014/12/27 PHP
一张表搞清楚php is_null、empty、isset的区别
2015/07/07 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
2010/07/26 Javascript
腾讯UED 漂亮的提示信息效果代码
2011/09/12 Javascript
浅析AngularJS中的生命周期和延迟处理
2015/06/18 Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
2015/11/15 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
2018/11/14 Javascript
vue组件中watch props根据v-if动态判断并挂载DOM的问题
2019/05/12 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
python多线程操作实例
2014/11/21 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
Python ftp上传文件
2016/02/13 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
使用python绘制温度变化雷达图
2019/10/18 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
用python获取txt文件中关键字的数量
2020/12/24 Python
描述RIP和OSPF区别以及特点
2015/01/17 面试题
一套软件测试笔试题
2014/07/25 面试题
职业生涯规划设计步骤
2014/01/12 职场文书
十岁生日同学答谢词
2014/01/19 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
产品包装策划方案
2014/05/18 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
python之基数排序的实现
2021/07/26 Python
Redis分布式锁Redlock的实现
2021/08/07 Redis
MySQL中varchar和char类型的区别
2021/11/17 MySQL
光之国的四大叛徒:第一贝利亚导致宇宙毁灭,赛文奥特曼在榜
2022/03/18 日漫