jquery快捷動(dòng)態(tài)綁定鍵盤(pán)事件的操作函數(shù)代碼
更新時(shí)間:2013年10月17日 17:47:25 作者:
動(dòng)態(tài)綁定鍵盤(pán)事件的方法或許會(huì)有很多,在本文將為大家介紹下jquery是如何快捷實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過(guò)
復(fù)制代碼 代碼如下:
(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 兼容小寫(xiě)
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)用添加一些快捷方式,每次都去寫(xiě)一個(gè)下面的代碼,通過(guò)key_bin就是方便的綁定某個(gè)鍵盤(pán)和和對(duì)應(yīng)的操作函數(shù)了。
復(fù)制代碼 代碼如下:
$(document).keypress(function(){})
您可能感興趣的文章:
- jQuery 選擇器、DOM操作、事件、動(dòng)畫(huà)
- jquery中dom操作和事件的實(shí)例學(xué)習(xí) 下拉框應(yīng)用
- jquery中dom操作和事件的實(shí)例學(xué)習(xí)-表單驗(yàn)證
- jQuery 相關(guān)控件的事件操作分解
- jQuery動(dòng)態(tài)生成的元素綁定事件操作實(shí)例分析
- jQuery級(jí)聯(lián)操作綁定事件實(shí)例
- jquery中dom操作和事件的實(shí)例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
- Jquery基礎(chǔ)之事件操作詳解
- 淺談事件冒泡、事件委托、jQuery元素節(jié)點(diǎn)操作、滾輪事件與函數(shù)節(jié)流
- 詳解Jquery的事件操作和文檔操作
- jQuery隨手筆記之常用的jQuery操作DOM事件
- jQuery操作事件完整實(shí)例分析
相關(guān)文章
jquery 提示信息顯示后自動(dòng)消失的具體實(shí)現(xiàn)
讓提示信息顯示后自動(dòng)消失的方法有很多,在本文為大家介紹下使用jquery是如何做到的,感興趣朋友可以參考下2013-12-12JQuery防止退格鍵網(wǎng)頁(yè)后退的實(shí)現(xiàn)代碼
有時(shí)我們需要防止退格鍵的網(wǎng)頁(yè)后退,一般情況下最好不要這么用,因?yàn)閷?duì)UX體驗(yàn)不好2012-03-03使用jquery庫(kù)實(shí)現(xiàn)電梯導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了使用jquery庫(kù)實(shí)現(xiàn)電梯導(dǎo)航效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02Jquery實(shí)時(shí)監(jiān)聽(tīng)input value的實(shí)例
下面小編就為大家?guī)?lái)一篇Jquery實(shí)時(shí)監(jiān)聽(tīng)input value的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01jQuery插件kinMaxShow擴(kuò)展效果用法實(shí)例
這篇文章主要介紹了jQuery插件kinMaxShow擴(kuò)展效果用法,實(shí)例分析了kinMaxShow擴(kuò)展的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05擴(kuò)展jquery實(shí)現(xiàn)客戶端表格的分頁(yè)、排序功能代碼
下面鏈接中是我用jQuery的擴(kuò)展來(lái)實(shí)現(xiàn)的表格分頁(yè)和排序,使用這個(gè)擴(kuò)展必須加上表頭<thead>和<tbody>標(biāo)簽,因?yàn)槲沂?通過(guò)<tbody>來(lái)進(jìn)行分頁(yè)的,要是不加thead,那么表頭也要作為分頁(yè)計(jì)算時(shí)的一個(gè)行了。2011-03-03jQuery初識(shí)之設(shè)計(jì)思想方法函數(shù)示例
這篇文章主要為大家介紹了jQuery初識(shí)之設(shè)計(jì)思想及方法函數(shù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06