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中字符替换函数String.replace()使用技巧
Aug 14 Javascript
js操作label给label赋值及取label的值示例
Nov 07 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
Javascript学习笔记之数组的遍历和 length 属性
Nov 23 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
Jan 19 Javascript
浅谈javascript运算符——条件,逗号,赋值,()和void运算符
Jul 15 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 Javascript
JS+Canvas绘制动态时钟效果
Nov 10 Javascript
原生JS实现的多个彩色小球跟随鼠标移动动画效果示例
Feb 01 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
简单的React SSR服务器渲染实现
Dec 11 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
Zend的AutoLoad机制介绍
2012/09/27 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
JS 动态加载脚本的4种方法
2009/05/05 Javascript
一个简单的弹性返回顶部JS代码实现介绍
2013/06/09 Javascript
javascript实现文本域写入字符时限定字数
2014/02/12 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
2017/02/08 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
vue环形进度条组件实例应用
2018/10/10 Javascript
简化版的vue-router实现思路详解
2018/10/19 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
对dataframe进行列相加,行相加的实例
2018/06/08 Python
TensorFlow数据输入的方法示例
2018/06/19 Python
python pandas获取csv指定行 列的操作方法
2019/07/12 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
一篇文章搞懂python的转义字符及用法
2020/09/03 Python
python中os.remove()用法及注意事项
2021/01/31 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
英国第一的市场和亚马逊替代品:OnBuy
2019/03/16 全球购物
行政副总岗位职责
2014/02/23 职场文书
文秘应届生求职信
2014/07/05 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
升职自荐信怎么写
2015/03/05 职场文书
调任通知
2015/04/21 职场文书
用Python的绘图库(matplotlib)绘制小波能量谱
2021/04/17 Python
MySQL命令无法输入中文问题的解决方式
2021/08/30 MySQL