[jquery] jquery : Enter 키를 누를 때 클릭 이벤트를 트리거하는 방법

Program / 글쓴이

키 입력을 누를 때 버튼 클릭 이벤트를 실행해야합니다.

현재로서는 이벤트가 시작되지 않습니다.

가능한 경우 구문을 알려주십시오.

$(document).on("click", "input[name='butAssignProd']", function () {
   //all the action
});

이것은 클릭 이벤트를 시작하려고합니다.

$("#txtSearchProdAssign").keydown(function (e) {
  if (e.keyCode == 13) {
    $('input[name = butAssignProd]').click();
  }
});

답변

이것을 시도하십시오 ….

$('#txtSearchProdAssign').keypress(function (e) {
 var key = e.which;
 if(key == 13)  // the enter key code
  {
    $('input[name = butAssignProd]').click();
    return false;
  }
});

코드 스 니펫 표시

jsbin.com에서 데모 찾기

답변

이 시도

$('#twitterSearch').keydown(function(event){
    var keyCode = (event.keyCode ? event.keyCode : event.which);
    if (keyCode == 13) {
        $('#startSearch').trigger('click');
    }
});

그것이 당신을 돕는 희망

답변

$('#txtSearchProdAssign').keypress(function (e) {
  if (e.which == 13) {
    $('input[name = butAssignProd]').click();
    return false;
  }
});

또한 ‘Enter’양식을 제출하여 대부분의 문제를 포괄적으로 다루는 것을 발견했습니다 .

답변

거의 다 왔습니다. 시도해 볼 수있는 것은 다음과 같습니다.

$(function(){
  $("#txtSearchProdAssign").keyup(function (e) {
    if (e.which == 13) {
      $('input[name="butAssignProd"]').trigger('click');
    }
  });
});

내가 사용하고 trigger()클릭을 실행하고 바인드 그것은에 keyup이벤트의 insted keydown때문에 click실제로 즉 두 이벤트의 이벤트 포함 mousedown다음 mouseup. 그래서와 가능한 한 같은 일 닮은 keydown와 keyup.

여기 데모가 있습니다

답변

또 다른 추가 사항 :

예를 append()들어을 사용 하여 입력을 동적으로 추가하는 경우 jQuery on()함수를 사용해야합니다 .

$('#parent').on('keydown', '#input', function (e) {
    var key = e.which;
    if(key == 13) {
        alert("enter");
        $('#button').click();
        return false;
    }
});

최신 정보:

보다 효율적인 방법은 switch 문을 사용하는 것입니다. 더 깨끗하게 찾을 수 있습니다.

마크 업 :

<div class="my-form">
  <input id="my-input" type="text">
</div>

jQuery :

$('.my-form').on('keydown', '#my-input', function (e) {
  var key = e.which;
  switch (key) {
  case 13: // enter
    alert('Enter key pressed.');
    break;
  default:
    break;
  }
});

답변

Enter 키를 눌렀을 때 버튼 클릭을 모방하려고합니까? 그렇다면 trigger구문 을 사용해야 할 수도 있습니다 .

바꿔보십시오

$('input[name = butAssignProd]').click();

에

$('input[name = butAssignProd]').trigger("click");

이것이 문제가 아닌 경우이 게시물의 솔루션을보고 키 캡처 구문을 다시 살펴보십시오. jQuery Event Keypress : 어떤 키를 눌렀습니까?

답변

이 시도

<button class="click_on_enterkey" type="button" onclick="return false;">
<script>
$('.click_on_enterkey').on('keyup',function(event){
  if(event.keyCode == 13){
    $(this).click();
  }
});
<script>