快捷導(dǎo)航

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

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

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

 
(function($) 
{ 
$.extend({ 

key_fn:[], //存放綁定的字符對應(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); 

使用的時候可以如下

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

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

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

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

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

您可能感興趣的文章:

相關(guān)文章

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