jquery快捷動態(tài)綁定鍵盤事件的操作函數(shù)代碼
更新時間:2013年10月17日 17:47:25 作者:
動態(tài)綁定鍵盤事件的方法或許會有很多,在本文將為大家介紹下jquery是如何快捷實現(xiàn)的,感興趣的朋友不要錯過
復(fù)制代碼 代碼如下:
(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(){})
您可能感興趣的文章:
- jQuery 選擇器、DOM操作、事件、動畫
- jquery中dom操作和事件的實例學(xué)習(xí) 下拉框應(yīng)用
- jquery中dom操作和事件的實例學(xué)習(xí)-表單驗證
- jQuery 相關(guān)控件的事件操作分解
- jQuery動態(tài)生成的元素綁定事件操作實例分析
- jQuery級聯(lián)操作綁定事件實例
- jquery中dom操作和事件的實例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
- Jquery基礎(chǔ)之事件操作詳解
- 淺談事件冒泡、事件委托、jQuery元素節(jié)點操作、滾輪事件與函數(shù)節(jié)流
- 詳解Jquery的事件操作和文檔操作
- jQuery隨手筆記之常用的jQuery操作DOM事件
- jQuery操作事件完整實例分析
相關(guān)文章
JQuery防止退格鍵網(wǎng)頁后退的實現(xiàn)代碼
有時我們需要防止退格鍵的網(wǎng)頁后退,一般情況下最好不要這么用,因為對UX體驗不好2012-03-03Jquery實時監(jiān)聽input value的實例
下面小編就為大家?guī)硪黄狫query實時監(jiān)聽input value的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-01-01jQuery插件kinMaxShow擴(kuò)展效果用法實例
這篇文章主要介紹了jQuery插件kinMaxShow擴(kuò)展效果用法,實例分析了kinMaxShow擴(kuò)展的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05擴(kuò)展jquery實現(xiàn)客戶端表格的分頁、排序功能代碼
下面鏈接中是我用jQuery的擴(kuò)展來實現(xiàn)的表格分頁和排序,使用這個擴(kuò)展必須加上表頭<thead>和<tbody>標(biāo)簽,因為我是 通過<tbody>來進(jìn)行分頁的,要是不加thead,那么表頭也要作為分頁計算時的一個行了。2011-03-03