>  기사  >  웹 프론트엔드  >  키보드 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);
$.key_code.push(ch);
//처음에만 이벤트를 추가해야 합니다
if($.key_fn.length == 1){

$(document).keypress(function(e){
var e = 이벤트 || 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(' 바운드 키 ' k);
break
}
}

}
}else
{
alert('바인딩 이벤트는 문자만 가능합니다.')
}
}

})(jQuery);


은 다음과 같이 사용할 수 있습니다.


코드 복사 코드는 다음과 같습니다. $.key_bind('f',set_table_full_screen);
$.key_bind('r',reloadthis);


때로는 애플리케이션을 실행하고 매번 아래에 하나씩 작성합니다. 코드는 key_bin을 통해 특정 키보드 및 해당 작업 기능에 편리하게 바인딩될 수 있습니다.


코드 복사 코드는 다음과 같습니다. $(document).keypress(function( ){} )
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.