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 相关文章推荐
为javascript添加String.Format方法
Aug 11 Javascript
jQuery修改class属性和CSS样式整理
Jan 30 Javascript
仅30行代码实现Javascript中的MVC
Feb 15 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 Javascript
Javascript中的神器——Promise
Feb 08 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
JavaScript创建对象_动力节点Java学院整理
Jun 27 Javascript
Vue.js项目部署到服务器的详细步骤
Jul 17 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
javascript实现简易聊天室
Jul 12 Javascript
深入理解Vue的数据响应式
May 15 Vue.js
显示今天的日期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 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
读jQuery之二(两种扩展)
2011/06/11 Javascript
首页图片漂浮效果示例代码
2014/06/05 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
JS对字符串编码的几种方式使用指南
2015/05/14 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
使用CoffeeScrip优美方式编写javascript代码
2015/10/28 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
jQuery实现复制到粘贴板功能
2017/02/11 Javascript
微信小程序 页面跳转及数据传递详解
2017/03/14 Javascript
JS插件clipboard.js实现一键复制粘贴功能
2020/12/04 Javascript
使用gulp构建前端自动化的方法示例
2018/12/25 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
Python中列表(list)操作方法汇总
2014/08/18 Python
Python中字符编码简介、方法及使用建议
2015/01/08 Python
python中logging包的使用总结
2018/02/28 Python
python实现石头剪刀布程序
2021/01/20 Python
python钉钉机器人运维脚本监控实例
2019/02/20 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
如何在django中运行scrapy框架
2020/04/22 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
拉斯维加斯城市观光通行证:Las Vegas Pass
2019/05/21 全球购物
Servlet都有哪些方法?主要作用是什么?
2014/03/04 面试题
装潢设计专业推荐信模板
2013/11/26 职场文书
军训 自我鉴定
2014/02/03 职场文书
119消防日活动总结
2014/08/29 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
幼儿园见习报告范文
2014/10/30 职场文书
六年级学生期末评语
2014/12/26 职场文书
在职证明范本
2015/06/15 职场文书