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 相关文章推荐
如何在标题栏显示框架内页面的标题
Feb 03 Javascript
javascript操作cookie_获取与修改代码
May 21 Javascript
$.format,jquery.format 使用说明
Jul 13 Javascript
JS高级笔记
Jul 13 Javascript
javascript动态加载二
Aug 22 Javascript
在JavaScript并非所有的一切都是对象
Apr 11 Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 Javascript
详解element-ui中form验证杂记
Mar 04 Javascript
javascript面向对象三大特征之继承实例详解
Jul 24 Javascript
VUE渲染后端返回含有script标签的html字符串示例
Oct 28 Javascript
vue实现导航标题栏随页面滚动渐隐渐显效果
Mar 12 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
77A一级收信机修理记
2021/03/02 无线电
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
Joomla下利用configuration.php存储简单数据
2010/05/19 PHP
php开发环境配置记录
2011/01/14 PHP
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
JS实现完全语义化的网页选项卡效果代码
2015/09/15 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
Node.js 中使用 async 函数的方法
2017/11/20 Javascript
vue实现文章内容过长点击阅读全文功能的实例
2017/12/28 Javascript
浅析从vue源码看观察者模式
2018/01/29 Javascript
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
2018/09/25 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
python中__slots__用法实例
2015/06/04 Python
jupyter安装小结
2016/03/13 Python
浅谈python字符串方法的简单使用
2016/07/18 Python
python爬取淘宝商品销量信息
2018/11/16 Python
Python数据类型之Tuple元组实例详解
2019/05/08 Python
Python中调用其他程序的方式详解
2019/08/06 Python
Python 实现日志同时输出到屏幕和文件
2020/02/19 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
解决Firefox下不支持outerHTML问题代码分享
2014/06/04 HTML / CSS
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
惠普墨西哥官方商店:HP墨西哥
2016/12/01 全球购物
西班牙香水和化妆品网上商店:Douglas
2017/10/29 全球购物
求职信模板怎么做
2014/01/26 职场文书
联欢晚会主持词
2014/03/25 职场文书
党支部三严三实对照检查材料思想汇报
2014/09/29 职场文书
2015年小学数学教研组工作总结
2015/05/21 职场文书
周一给客户的问候语
2015/11/10 职场文书
分享提高 Python 代码的可读性的技巧
2022/03/03 Python
MyBatis XPathParser解析器使用范例详解
2022/07/15 Java/Android