ホームページ  >  記事  >  ウェブフロントエンド  >  キーボード events_jquery を動的にバインドする jquery ショートカットの操作関数コード

キーボード events_jquery を動的にバインドする jquery ショートカットの操作関数コード

WBOY
WBOYオリジナル
2016-05-16 17:19:47795ブラウズ
コードをコピー コードは次のとおりです:

(function($)
{
$.extend ({

key_fn:[], //バインドされた文字に対応する格納関数
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);
//初めてイベントを追加する必要がある場合のみ
if($.key_fn.length == 1){

$(document).keypress(function(e){
var e = イベント ||
var k = e.keyCode || e.that; {

// - 32 は小文字と互換性があります
if(k-32 == KeyCode[$.key_code[i]] || k == KeyCode[$.key_code[i]] ){
log(' バインドされたキー ' k);
$.key_fn[i]()
}
}
};
}else
{
alert('バインディングイベントは文字のみです')
}
}

});


は次のように使用できます:




コードをコピーします


コードは次のとおりです:
$.key_bind('f',set_table_full_screen); にショートカットを追加する必要がある場合があります。このコードは、key_bin を介して特定のキーボードと対応する操作関数に簡単にバインドできます。


コードをコピー

コードは次のとおりです。
$(document).keypress(function( ){} )
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。