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 相关文章推荐
js 方法实现返回多个数据的代码
Apr 30 Javascript
jquery 经典动画菜单效果代码
Jan 26 Javascript
javascript 文件的同步加载与异步加载实现原理
Dec 13 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
jQuery的几个我们必须了解的特点
May 03 Javascript
简介JavaScript中的push()方法的使用
Jun 09 Javascript
JS实现碰撞检测的方法分析
Jan 19 Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
全网小程序接口请求封装实例代码
Nov 06 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
雄兵连三大错觉:凯莎没了,凉冰阵亡了,华烨觉得自己又行了
2020/04/09 国漫
AM/FM收音机的安装与调试
2021/03/02 无线电
php 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值
2013/07/03 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
jquery 选项卡效果 新手代码
2011/07/08 Javascript
将数字转换成大写的人民币表达式的js函数
2014/09/21 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
微信小程序 Storage API实例详解
2016/10/02 Javascript
Angularjs实现控制器之间通信方式实例总结
2018/03/27 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
ES6对象操作实例详解
2020/05/23 Javascript
[01:08]DOTA2次级职业联赛 - Shield战队宣传片
2014/12/01 DOTA
Python中用于计算对数的log()方法
2015/05/15 Python
Python使用Supervisor来管理进程的方法
2015/05/28 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
基于python实现雪花算法过程详解
2019/11/16 Python
通过实例学习Python Excel操作
2020/01/06 Python
python zip,lambda,map函数代码实例
2020/04/04 Python
scrapy爬虫:scrapy.FormRequest中formdata参数详解
2020/04/30 Python
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
恶意软件的定义
2014/11/12 面试题
一套英文Java笔试题面试题
2016/04/21 面试题
外企求职信范文分享
2013/12/31 职场文书
中学家长会邀请函
2014/01/17 职场文书
春节请假条
2014/04/11 职场文书
教师一岗双责责任书
2014/04/16 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
人事专员岗位说明书
2014/07/29 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
给领导的感谢信范文
2015/01/23 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
MySQL中的布尔值,怎么存储false或true
2021/06/04 MySQL