jquery快捷动态绑定键盘事件的操作函数代码
2023-06-13 09:15:06 时间
(function($)
{
$.extend({
key_fn:[],//存放绑定的字符对应的函数
key_code:[],//存放字符
key_bind:function(ch,callback){
varKeyCode={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){
vare=event||window.event;
vark=e.keyCode||e.which;
for(vari=0;i<$.key_fn.length;i++){
//-32兼容小写
if(k-32==KeyCode[$.key_code[i]]||k==KeyCode[$.key_code[i]]){
log("pressedbindedkey"+k);
$.key_fn[i]();
break;
}
}
});
}
}else
{
alert("绑定事件只能是字母");
}
}
});
})(jQuery);
使用的时候可以如下
$.key_bind("f",set_table_full_screen);
$.key_bind("r",reloadthis);
有时候我们需要为应用添加一些快捷方式,每次都去写一个下面的代码,通过key_bin就是方便的绑定某个键盘和和对应的操作函数了。
$(document).keypress(function(){})
相关文章
- 我离开jQuery(layui)选择vue[通俗易懂]
- 使用jQuery处理ctrl+enter或者enter发送信息事件
- Jquery 监听回车事件与右键事件
- jQuery事件详解编程语言
- jQuery ready和JS onload事件的区别
- jQuery工具函数学习资料
- jquery多浏览器捕捉回车事件代码
- Jquery从头学起第四讲jquery入门教程
- jquery的键盘事件修改代码
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- JQuery常用方法和事件详细介绍
- jQuery阻止同类型事件小结
- jquery获取焦点和失去焦点事件代码
- jquery实现metro效果示例代码
- 通过AJAX的JS、JQuery两种方式解析XML示例介绍
- jquery中交替点击事件的实现代码
- Jquery原生态实现表格header头随滚动条滚动而滚动
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- jQuery插件分享之分页插件jqPagination
- jQuery学习笔记之Ajax操作篇(二)-数据传递
- jquery为a标签绑定click事件示例代码
- 分享2个jQuery插件--jquery.fileupload与artdialog