快捷導(dǎo)航

jquery快捷動(dòng)態(tài)綁定鍵盤事件的操作函數(shù)代碼

更新時(shí)間：2013年10月17日 17:47:25 作者：

動(dòng)態(tài)綁定鍵盤事件的方法或許會(huì)有很多，在本文將為大家介紹下jquery是如何快捷實(shí)現(xiàn)的，感興趣的朋友不要錯(cuò)過

 
(function($) 
{ 
$.extend({ 

key_fn:[], //存放綁定的字符對(duì)應(yīng)的函數(shù) 
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); 

使用的時(shí)候可以如下

復(fù)制代碼代碼如下:

 
$.key_bind('f',set_table_full_screen); 
$.key_bind('r',reloadthis); 

有時(shí)候我們需要為應(yīng)用添加一些快捷方式，每次都去寫一個(gè)下面的代碼，通過key_bin就是方便的綁定某個(gè)鍵盤和和對(duì)應(yīng)的操作函數(shù)了。

復(fù)制代碼代碼如下:

$(document).keypress(function(){})

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)加載等待效果示例
加載等待效果想必大家都有見到過吧，其實(shí)很簡(jiǎn)單，在本文將為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下
2013-09-09
jQuery實(shí)現(xiàn)菜單式圖片滑動(dòng)切換
這篇文章主要介紹了jQuery實(shí)現(xiàn)菜單式圖片滑動(dòng)切換效果，主要是依托于jQuery Lightbox插件來實(shí)現(xiàn)，非常炫酷，這里推薦給小伙伴們
2015-03-03
jQuery基于BootStrap樣式實(shí)現(xiàn)無限極地區(qū)聯(lián)動(dòng)
這篇文章主要介紹了jQuery基于BootStrap樣式實(shí)現(xiàn)無限極地區(qū)聯(lián)動(dòng)的相關(guān)資料,需要的朋友可以參考下
2016-08-08
jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)換膚效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)頁(yè)換膚效果,結(jié)合完整實(shí)例形式分析了jQuery通過修改link標(biāo)簽的href屬性值實(shí)現(xiàn)換膚效果的相關(guān)技巧,需要的朋友可以參考下
2016-09-09
使用JQ完成表格隔行換色的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄褂肑Q完成表格隔行換色的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
jQuery實(shí)現(xiàn)的點(diǎn)擊標(biāo)題文字切換字體效果示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊標(biāo)題文字切換字體效果,涉及jQuery基于事件響應(yīng)實(shí)現(xiàn)頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下
2018-04-04
jquery仿QQ登錄賬號(hào)選擇下拉框效果
這篇文章主要為大家詳細(xì)介紹了jquery仿QQ登錄賬號(hào)選擇下拉框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-03-03
jQuery中is()方法用法實(shí)例
這篇文章主要介紹了jQuery中is()方法用法,實(shí)例分析了is()方法的功能、定義及檢查匹配元素集合時(shí)的各種使用技巧,需要的朋友可以參考下
2015-01-01
jQuery將多條數(shù)據(jù)插入模態(tài)框的示例代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法,很簡(jiǎn)單，很實(shí)用，需要的朋友可以參考下
2014-09-09
jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法實(shí)例詳解
這篇文章主要介紹了jQuery綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind用法,結(jié)合實(shí)例形式詳細(xì)分析了綁定事件監(jiān)聽bind和移除事件監(jiān)聽unbind的具體使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-01-01