jquery快捷动态绑定键盘事件的操作函数代码


Posted in Javascript onOctober 17, 2013
(function($) 
{ 
$.extend({ key_fn:[], //存放绑定的字符对应的函数 
key_code:[], //存放字符 
key_bind:function(ch,callback){ 
var KeyCode = {a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90}; 
if(KeyCode.hasOwnProperty(ch)){ 
$.key_fn.push(callback); 
$.key_code.push(ch); 
//第一次才需要添加事件 
if($.key_fn.length == 1){ 
$(document).keypress(function(e){ 
var e = event || window.event; 
var k = e.keyCode || e.which; 
for(var i =0 ; i < $.key_fn.length ;i++){ 
// - 32 兼容小写 
if(k-32 == KeyCode[$.key_code[i]] || k == KeyCode[$.key_code[i]] ){ 
log('pressed binded key '+k); 
$.key_fn[i](); 
break; 
} 
} 
}); 
} 
}else 
{ 
alert('绑定事件只能是字母'); 
} 
} 
}); 
})(jQuery);

使用的时候可以如下
$.key_bind('f',set_table_full_screen); 
$.key_bind('r',reloadthis);

有时候我们需要为应用添加一些快捷方式,每次都去写一个下面的代码,通过key_bin就是方便的绑定某个键盘和和对应的操作函数了。
$(document).keypress(function(){})
Javascript 相关文章推荐
JavaScript事件列表解说
Dec 22 Javascript
jQuery中文入门指南,翻译加实例,jQuery的起点教程
Feb 09 Javascript
浏览器常用高宽的jquery插件
Feb 24 Javascript
解析Jquery的LigerUI如何实现文件上传
Jul 09 Javascript
jQuery select表单提交省市区城市三级联动核心代码
Jun 09 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
基于Vue.js实现简单搜索框
Mar 26 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
微信小程序实现商城倒计时
Nov 01 Javascript
Vue 数据绑定的原理分析
Nov 16 Javascript
js实现的常用的左侧导航效果
Oct 17 #Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 #Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 #Javascript
JS操作数据库的实例代码
Oct 17 #Javascript
JavaScript调用后台的三种方法实例
Oct 17 #Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 #Javascript
JS实现时间格式化的方式汇总
Oct 16 #Javascript
You might like
php中的时间显示
2007/01/18 PHP
php include加载文件两种方式效率比较
2010/08/08 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
Javascript中Array用法实例分析
2015/06/13 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
2016/04/01 Javascript
JS中的eval 为什么加括号
2016/04/13 Javascript
用JS写的一个Ajax库(实例代码)
2016/08/06 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
[05:26]2014DOTA2西雅图国际邀请赛 iG战队巡礼
2014/07/07 DOTA
Python PyQt5标准对话框用法示例
2017/08/23 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
对Python中class和instance以及self的用法详解
2019/06/26 Python
python GUI图形化编程wxpython的使用
2019/07/19 Python
Python上下文管理器用法及实例解析
2019/11/11 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
详解基于canvas的视频遮罩插件
2018/01/04 HTML / CSS
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
Monki官网:斯堪的纳维亚的独立时尚品牌
2020/11/09 全球购物
nohup的用法
2014/08/10 面试题
市场调研项目授权委托书范本
2014/10/04 职场文书
车辆年检委托书范本
2014/10/14 职场文书
群众路线专项整治方案
2014/10/27 职场文书
行政复议答复书
2015/07/01 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang