zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

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(){})