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 26 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
Node.js中文件操作模块File System的详细介绍
Jan 05 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
详解Vue文档中几个易忽视部分的剖析
Mar 24 Javascript
使用p5.js临摹动态图片
Nov 04 Javascript
Vue实现点击按钮复制文本内容的例子
Nov 09 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 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的MVC机制使用分析(二)
2013/05/02 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
Exitjs获取DataView中图片文件名
2009/11/26 Javascript
创建、调用JavaScript对象的方法集锦
2014/12/24 Javascript
Position属性之relative用法
2015/12/14 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
解决html input验证只能输入数字,不能输入其他的问题
2017/07/21 Javascript
JavaScript实现获取select下拉框中第一个值的方法
2018/02/06 Javascript
Vue底层实现原理总结
2018/02/17 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
2019/04/16 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
基于postman获取动态数据过程详解
2020/09/08 Javascript
python支持断点续传的多线程下载示例
2014/01/16 Python
解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...
2017/10/01 Python
使用python获取csv文本的某行或某列数据的实例
2018/04/03 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Python pip替换为阿里源的方法步骤
2019/07/02 Python
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
HTML5 声明兼容IE的写法
2011/05/16 HTML / CSS
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
护士试用期自我鉴定
2014/02/08 职场文书
自立自强的名人事例
2014/02/10 职场文书
运动会获奖感言
2014/02/11 职场文书
参观接待方案
2014/03/17 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
学雷锋活动倡议书
2014/08/30 职场文书
老干部工作汇报材料
2014/10/28 职场文书
调解书格式范本
2015/05/20 职场文书
立春观后感
2015/06/18 职场文书
SQL Server中搜索特定的对象
2022/05/25 SQL Server