2011-12-23 4 views
0

나는 HTML 형식의 버튼을 가지고 있으며, 버튼을 클릭 할 때와 같은 기능을 실행하는 바로 가기 키를 제공하고자합니다.버튼의 기능 실행

JavaScript 또는 jQuery를 사용하여 이와 같은 작업을 수행 할 수 있습니까?

+0

확인이 밖으로 http://stackoverflow.com/questions/593602/keyboard-shortcuts-with-jquery –

+0

당신이 단축키를 사용할 수 있다고 생각합니다. 바로 가기 키를 사용하면 Ctrl + S를 눌러 양식을 제출하는 등의 기능을 추가 할 수 있습니다. 단축키에 대해이 [link] (https://github.com/jeresig/jquery.hotkeys) 만 찾았습니다 – Nick

답변

3

일반 HTML : accesskey="x"을 사용하여이 작업을 수행 할 수 있습니다. 그런 다음 고도 + X을 사용할 수 있습니다 (브라우저에 따라 생각이 고도 또는 뭔가 다른 경우) 테스트되지 않은

0

: 그것은 jQuery를 아주 쉽게 사용하고

$("body").keypress(function(event) {  
    if (event.which == 13) { // put your own key code here  
    event.preventDefault();  
    $("#yourbutton").click();  
    }  
}); 
0

.

$('#my-button').trigger('click'); 

가 키를 누를 때 모니터에 : 버튼 트리거하려면 event.altKey 유사한 Ctrl 키를 사용하려는 경우, 또는

이제
$(window).keypress(function (event) { 
    if (event.which === 13) { // key codes here: http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes 
     event.preventDefault(); 
     $('#my-button').trigger('click'); 
    } 
}); 

이 비슷한 당신이

if (event.which === 13 && event.ctrlKey) 

사용을, event.shiftKey. 당신이 (... Ctrl 키, 시프트) 바로 가기가 고도를 필요가 있다면 youreKeyCode은 다음 javascript char codes 중 하나 일 수 있습니다

+0

같은 장소에서 코드를 완전히 복사했습니다.] –

+0

어디서나 복사하지 않았습니다 : P, It 's 그것을하는 최선의 방법. –

0
$(document).on('keypress', function (e) { 
      if (e.keyCode === youreKeyCodeHere) { 
      // if (e.keyCode === youreKeyCodeHere && e.shiftKey === ture) { // shift + keyCode 
      // if (e.keyCode === youreKeyCodeHere && e.altKey === ture) { // alt + keyCode 
      // if (e.keyCode === youreKeyCodeHere && e.ctrlKey === ture) { // ctrl + keyCode 
       $('youreElement').trigger('click'); 
      } 
     }); 

는의 경우 주석 사용합니다. youreElement은 시작하려는 클릭 이벤트를 보유하는 요소입니다.