어떻게 jQuery를 사용하여 키보드의 Enter 키를 눌러 감지?

해결법

1.jQuery를의 요점은 브라우저의 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 염두에와 그래서, 당신은이 작업을 수행 할 수 있습니다 :

jQuery를의 요점은 브라우저의 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 염두에와 그래서, 당신은이 작업을 수행 할 수 있습니다 :
```
$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});
```

2.나는 그것을 쉽게 "에 입력 키를 누르면"이벤트에 바인딩 할 수 있도록 작은 플러그인을 썼다 :

나는 그것을 쉽게 "에 입력 키를 누르면"이벤트에 바인딩 할 수 있도록 작은 플러그인을 썼다 :

$.fn.enterKey = function (fnc) {
    return this.each(function () {
        $(this).keypress(function (ev) {
            var keycode = (ev.keyCode ? ev.keyCode : ev.which);
            if (keycode == '13') {
                fnc.call(this, ev);
            }
        })
    })
}

용법:

$("#input").enterKey(function () {
    alert('Enter!');
})

3.나는 일에 @Paolo Bergantino 게시 한 코드를 가져올 수 없습니다하지만 난 후 $ (문서)와 e.which 대신 e.keyCode에 변경 때 나는 그것을들이 완벽하게 일을 발견했다.

나는 일에 @Paolo Bergantino 게시 한 코드를 가져올 수 없습니다하지만 난 후 $ (문서)와 e.which 대신 e.keyCode에 변경 때 나는 그것을들이 완벽하게 일을 발견했다.
```
$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});
```
JS 빈에 예를 링크

4.나는 이것이 더 크로스 브라우저 호환 발견 :

나는 이것이 더 크로스 브라우저 호환 발견 :

$(document).keypress(function(event) {
    var keycode = event.keyCode || event.which;
    if(keycode == '13') {
        alert('You pressed a "enter" key in somewhere');    
    }
});

5.당신은 JQuery와 '를 keyDown'이벤트 핸들을 사용하여이 작업을 수행 할 수 있습니다

당신은 JQuery와 '를 keyDown'이벤트 핸들을 사용하여이 작업을 수행 할 수 있습니다
```
   $( "#start" ).on( "keydown", function(event) {
      if(event.which == 13) 
         alert("Entered!");
    });
```

6.

$(document).keypress(function(event) {
    if (event.key === "Enter") {
        // Do something
    }
});

또는 jQuery를하지 않고 :

document.addEventListener("keypress", function onEvent(event) {
    if (event.key === "Enter") {
        // Do something better
    }
});

모질라 문서

지원되는 브라우저

7.나는 언젠가 내가 누군가 도움이되기를 바랍니다이 솔루션으로 올라오고 보냈다.

나는 언젠가 내가 누군가 도움이되기를 바랍니다이 솔루션으로 올라오고 보냈다.

$(document).ready(function(){

  $('#loginforms').keypress(function(e) {
    if (e.which == 13) {
    //e.preventDefault();
    alert('login pressed');
    }
  });

 $('#signupforms').keypress(function(e) {
    if (e.which == 13) {
      //e.preventDefault();
      alert('register');
    }
  });

});

8.키 누르기 () 이벤트 방법이있다. 지정 키의 아스키 번호는 13이며, 사용중인 브라우저에 의존하지 입력합니다.

키 누르기 () 이벤트 방법이있다. 지정 키의 아스키 번호는 13이며, 사용중인 브라우저에 의존하지 입력합니다.
9.도우미 방법보다 유용한 당신도 할 수 있습니다 때 수정 캡처 할 수 있습니다 위의 안드레아의 대답의 작은 연장을 입력 프레스 (즉, Ctrl 키를 입력하거나 시프트 입력). 예를 들어,이 변종은 같은 바인딩을 허용한다 :

도우미 방법보다 유용한 당신도 할 수 있습니다 때 수정 캡처 할 수 있습니다 위의 안드레아의 대답의 작은 연장을 입력 프레스 (즉, Ctrl 키를 입력하거나 시프트 입력). 예를 들어,이 변종은 같은 바인딩을 허용한다 :
```
$('textarea').enterKey(function() {$(this).closest('form').submit(); }, 'ctrl')
```
사용자 프레스 양식 제출하는 양식의 텍스트 영역에 초점을 Ctrl 키를 입력합니다.
```
$.fn.enterKey = function (fnc, mod) {
    return this.each(function () {
        $(this).keypress(function (ev) {
            var keycode = (ev.keyCode ? ev.keyCode : ev.which);
            if ((keycode == '13' || keycode == '10') && (!mod || ev[mod + 'Key'])) {
                fnc.call(this, ev);
            }
        })
    })
}
```
(또한 Ctrl 키를 참조 + TEXTAREA에 jQuery를 입력)

10.즉, 검색 필드와 헤더
포함 아래 경우에 따라 페이지처럼 페이지의 다른 영역에 대한 페이지의 특정 영역에 대한 키가 아닌 ENTER 억제해야 할 수도 있습니다.

즉, 검색 필드와 헤더

포함 아래 경우에 따라 페이지처럼 페이지의 다른 영역에 대한 페이지의 특정 영역에 대한 키가 아닌 ENTER 억제해야 할 수도 있습니다.

그것은이 작업을 수행하는 방법을 알아 내기 위해 나에게 조금을했다, 나는 지역 사회를 위해 여기에이 간단한에게 아직 완료 예를 게시하고있다.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Test Script</title>
  <script src="/lib/js/jquery-1.7.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $('.container .content input').keypress(function (event) {
      if (event.keyCode == 10 || event.keyCode == 13) {
        alert('Form Submission needs to occur using the Submit button.');
        event.preventDefault();
      }
    });
  </script>
</head>
  <body>
    <div class="container">
      <div class="header">
        <div class="FileSearch">
          <!-- Other HTML here -->
        </div>
      </div>
      <div class="content">
        <form id="testInput" action="#" method="post">
        <input type="text" name="text1" />
        <input type="text" name="text2" />
        <input type="text" name="text3" />
        <input type="submit" name="Submit" value="Submit" />
        </form>
      </div>
    </div>
  </body>
</html>

JSFiddle 놀이터 링크 다음 [제출] 버튼을 아무것도하지 않지만, 상자 컨트롤이 양식을 제출하지 않을 텍스트 중 하나에서 Enter 키를 누릅니다.

11.누르면 Enter 키를 감지하기 위해보십시오.

누르면 Enter 키를 감지하기 위해보십시오.
```
$(document).on("keypress", function(e){
    if(e.which == 13){
        alert("You've pressed the enter key!");
    }
});
```
데모보기 @ 키보드의 키 누름을 입력 감지
12.키 누르기 이벤트가 공식 사양이 적용되지 않습니다으로는 브라우저, 브라우저 버전 및 플랫폼에 걸쳐 다를 수 있습니다 사용하는 경우, 실제 동작가 발생했습니다.

키 누르기 이벤트가 공식 사양이 적용되지 않습니다으로는 브라우저, 브라우저 버전 및 플랫폼에 걸쳐 다를 수 있습니다 사용하는 경우, 실제 동작가 발생했습니다.

$ (문서) .keydown (함수 (이벤트) { 경우 (event.keyCode || event.which === 13) { 필요한 경우 // 기본 동작을 취소 에서는 event.preventDefault (); // 통화 기능, 트리거 이벤트와 모든 dd는 할 TOU. 예 : 트리거 클릭으로 버튼 요소 $ ( "#의 BTN") 트리거 ( '클릭').; } }) <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"> <의 onclick = "CONSOLE.LOG ( '버튼을 누를.')" "BTN"버튼 식> & NBSP

나는 그것이 도움이 될 것입니다 희망!
13.나는 $ (문서) CSTE 연구진 ( "를 keyDown")을 사용했다.

나는 $ (문서) CSTE 연구진 ( "를 keyDown")을 사용했다.

일부 브라우저에서 키 코드를 지원하지 않습니다. 키 코드 지원되지 않는 경우 동일이있는 그래서 당신은 반대하는 사용 및 담당해야합니다.

$ (문서) CSTE 연구진 ( "를 keyDown", 기능 (전자) { CONST ENTER_KEY_CODE = 13; const를 ENTER_KEY = "입력"; VAR 코드 = e.keyCode || e.which VAR 키 = e.key 경우 (코드 == ENTER_KEY_CODE || 키 == ENTER_KEY) { 을 console.log ( "키를 누르면 입력") } }); <스크립트 SRC = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js">

14.쉬운 방법은 사용자가 번호가 장치에서 키의 값을 확인 = 13 Enter 키를 키 번호를 사용하는 것입니다 입력 눌렀습니다 여부를 감지하는

쉬운 방법은 사용자가 번호가 장치에서 키의 값을 확인 = 13 Enter 키를 키 번호를 사용하는 것입니다 입력 눌렀습니다 여부를 감지하는

$("input").keypress(function (e) {
  if (e.which == 32 || (65 <= e.which && e.which <= 65 + 25)
                    || (97 <= e.which && e.which <= 97 + 25)) {
    var c = String.fromCharCode(e.which);
    $("p").append($("<span/>"))
          .children(":last")
          .append(document.createTextNode(c));
  } else if (e.which == 8) {
    // backspace in IE only be on keydown
    $("p").children(":last").remove();
  }
  $("div").text(e.which);
});

눌러은 13으로 결과를 얻을 수 있습니다 키 입력합니다. 키 값을 사용하면 함수를 호출하거나 당신이 원하는 무엇이든 할 수 있습니다

        $(document).keypress(function(e) {
      if(e.which == 13) {
console.log("User entered Enter key");
          // the code you want to run 
      }
    });

당신은 누를 키를 입력 후 버튼을 대상으로 할 경우는 코드를 사용할 수 있습니다

    $(document).bind('keypress', function(e){
  if(e.which === 13) { // return
     $('#butonname').trigger('click');
  }
});

그에게 도움을 희망

15.나는 가장 간단한 방법은 바닐라 자바 스크립트를 사용하는 것입니다 생각 :

나는 가장 간단한 방법은 바닐라 자바 스크립트를 사용하는 것입니다 생각 :
```
document.onkeyup = function(event) {
   if (event.key === 13){
     alert("enter was pressed");
   }
}
```

16.

$(function(){
  $('.modal-content').keypress(function(e){
    debugger
     var id = this.children[2].children[0].id;
       if(e.which == 13) {
         e.preventDefault();
         $("#"+id).click();
       }
   })
});

17.

$(document).keyup(function(e) {
    if(e.key === 'Enter') {
        //Do the stuff
    }
});

18.

$(document).keydown(function (event) {
      //proper indentiation of keycode and which to be equal to 13.
    if ( (event.keyCode || event.which) === 13) {
        // Cancel the default action, if needed
        event.preventDefault();
        //call function, trigger events and everything tou want to dd . ex : Trigger the button element with a click
        $("#btnsearch").trigger('click');
    }
});

from https://stackoverflow.com/questions/979662/how-to-detect-pressing-enter-on-keyboard-using-jquery by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] Access 개체 도트 표기법 문자열을 사용하여 자식 속성 [중복] (0)	2020.10.03
[JQUERY] 액세스 제어 요청 헤더, jQuery로 AJAX 요청의 헤더에 추가한다 (0)	2020.10.03
[JQUERY] ASP.NET MVC에 jQuery를 사용하여 부분 뷰를 렌더링 (0)	2020.10.03
[JQUERY] 스크롤에 더 많은 데이터를로드 jQuery를 (0)	2020.10.03
[JQUERY] 어떻게 jQuery를에 SELECT 요소에 특정 옵션을 선택합니까? (0)	2020.10.03

복붙노트

[JQUERY] 어떻게 jQuery를 사용하여 키보드의 Enter 키를 눌러 감지?

어떻게 jQuery를 사용하여 키보드의 Enter 키를 눌러 감지?

해결법

1.jQuery를의 요점은 브라우저의 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 염두에와 그래서, 당신은이 작업을 수행 할 수 있습니다 :

2.나는 그것을 쉽게 "에 입력 키를 누르면"이벤트에 바인딩 할 수 있도록 작은 플러그인을 썼다 :

3.나는 일에 @Paolo Bergantino 게시 한 코드를 가져올 수 없습니다하지만 난 후 $ (문서)와 e.which 대신 e.keyCode에 변경 때 나는 그것을들이 완벽하게 일을 발견했다.

4.나는 이것이 더 크로스 브라우저 호환 발견 :

5.당신은 JQuery와 '를 keyDown'이벤트 핸들을 사용하여이 작업을 수행 할 수 있습니다

6.

7.나는 언젠가 내가 누군가 도움이되기를 바랍니다이 솔루션으로 올라오고 보냈다.

8.키 누르기 () 이벤트 방법이있다. 지정 키의 아스키 번호는 13이며, 사용중인 브라우저에 의존하지 입력합니다.

9.도우미 방법보다 유용한 당신도 할 수 있습니다 때 수정 캡처 할 수 있습니다 위의 안드레아의 대답의 작은 연장을 입력 프레스 (즉, Ctrl 키를 입력하거나 시프트 입력). 예를 들어,이 변종은 같은 바인딩을 허용한다 :

10.즉, 검색 필드와 헤더
포함 아래 경우에 따라 페이지처럼 페이지의 다른 영역에 대한 페이지의 특정 영역에 대한 키가 아닌 ENTER 억제해야 할 수도 있습니다.

11.누르면 Enter 키를 감지하기 위해보십시오.

12.키 누르기 이벤트가 공식 사양이 적용되지 않습니다으로는 브라우저, 브라우저 버전 및 플랫폼에 걸쳐 다를 수 있습니다 사용하는 경우, 실제 동작가 발생했습니다.

13.나는 $ (문서) CSTE 연구진 ( "를 keyDown")을 사용했다.

14.쉬운 방법은 사용자가 번호가 장치에서 키의 값을 확인 = 13 Enter 키를 키 번호를 사용하는 것입니다 입력 눌렀습니다 여부를 감지하는

15.나는 가장 간단한 방법은 바닐라 자바 스크립트를 사용하는 것입니다 생각 :

16.

17.

18.

'JQUERY' 카테고리의 다른 글

티스토리툴바

어떻게 jQuery를 사용하여 키보드의 Enter 키를 눌러 감지?

해결법

1.jQuery를의 요점은 브라우저의 차이에 대해 걱정할 필요가 없다는 것입니다. 나는 꽤 안전하게 입력은 모든 브라우저에서 13 인으로 갈 수 있습니다 확신합니다. 염두에와 그래서, 당신은이 작업을 수행 할 수 있습니다 :

2.나는 그것을 쉽게 "에 입력 키를 누르면"이벤트에 바인딩 할 수 있도록 작은 플러그인을 썼다 :

3.나는 일에 @Paolo Bergantino 게시 한 코드를 가져올 수 없습니다하지만 난 후 $ (문서)와 e.which 대신 e.keyCode에 변경 때 나는 그것을들이 완벽하게 일을 발견했다.

4.나는 이것이 더 크로스 브라우저 호환 발견 :

5.당신은 JQuery와 '를 keyDown'이벤트 핸들을 사용하여이 작업을 수행 할 수 있습니다

6.

7.나는 언젠가 내가 누군가 도움이되기를 바랍니다이 솔루션으로 올라오고 보냈다.

8.키 누르기 () 이벤트 방법이있다. 지정 키의 아스키 번호는 13이며, 사용중인 브라우저에 의존하지 입력합니다.

9.도우미 방법보다 유용한 당신도 할 수 있습니다 때 수정 캡처 할 수 있습니다 위의 안드레아의 대답의 작은 연장을 입력 프레스 (즉, Ctrl 키를 입력하거나 시프트 입력). 예를 들어,이 변종은 같은 바인딩을 허용한다 :

10.즉, 검색 필드와 헤더 포함 아래 경우에 따라 페이지처럼 페이지의 다른 영역에 대한 페이지의 특정 영역에 대한 키가 아닌 ENTER 억제해야 할 수도 있습니다.

11.누르면 Enter 키를 감지하기 위해보십시오.

12.키 누르기 이벤트가 공식 사양이 적용되지 않습니다으로는 브라우저, 브라우저 버전 및 플랫폼에 걸쳐 다를 수 있습니다 사용하는 경우, 실제 동작가 발생했습니다.

13.나는 $ (문서) CSTE 연구진 ( "를 keyDown")을 사용했다.

14.쉬운 방법은 사용자가 번호가 장치에서 키의 값을 확인 = 13 Enter 키를 키 번호를 사용하는 것입니다 입력 눌렀습니다 여부를 감지하는

15.나는 가장 간단한 방법은 바닐라 자바 ​​스크립트를 사용하는 것입니다 생각 :

16.

17.

18.

'JQUERY' 카테고리의 다른 글

티스토리툴바

10.즉, 검색 필드와 헤더
포함 아래 경우에 따라 페이지처럼 페이지의 다른 영역에 대한 페이지의 특정 영역에 대한 키가 아닌 ENTER 억제해야 할 수도 있습니다.

15.나는 가장 간단한 방법은 바닐라 자바 스크립트를 사용하는 것입니다 생각 :