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自适应宽度的瀑布流实现思路
Feb 20 Javascript
表单验证的完整应用案例探讨
Mar 29 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
May 24 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
JS去除字符串中空格的方法
Feb 14 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
VueJS事件处理器v-on的使用方法
Sep 27 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
Apr 13 Javascript
JS sort方法基于数组对象属性值排序
Jul 10 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
杏林同学录(七)
2006/10/09 PHP
php split汉字
2009/06/05 PHP
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
php生成gif动画的方法
2015/11/05 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
jquery 选项卡效果 新手代码
2011/07/08 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
JS的Document属性和方法小结
2013/09/17 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
Bootstrap零基础入门教程(二)
2016/07/18 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
微信小程序左滑删除功能开发案例详解
2018/11/12 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
javascript/jquery实现点击触发事件的方法分析
2019/11/11 jQuery
jquery添加div实现消息聊天框
2020/02/08 jQuery
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
python调用opencv实现猫脸检测功能
2019/01/15 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
在Keras中CNN联合LSTM进行分类实例
2020/06/29 Python
一帮一活动总结
2014/05/08 职场文书
教师演讲稿大全
2014/05/16 职场文书
派出所所长先进事迹
2014/05/19 职场文书
食品工程专业求职信
2014/06/15 职场文书
科技工作者先进事迹
2014/08/16 职场文书
高中课前三分钟演讲稿
2014/08/18 职场文书
文明单位创建材料
2014/12/24 职场文书
酒店前台接待岗位职责
2015/04/02 职场文书
换届选举主持词
2015/07/03 职场文书
销区经理年终述职报告模板
2019/11/28 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL