Как обнаружить нажатие Enter на клавиатуре с помощью jQuery?

Я хотел бы определить, нажал ли пользователь Enter с помощью jQuery.



Как это возможно? Требуется ли для этого плагин?



EDIT: похоже, мне нужно использовать keypress() метод.



Я хотел бы знать, если кто - нибудь знает, если есть проблемы браузера с этой командой-как есть ли какие-либо проблемы совместимости браузера я должен знать?

549   13  

13 ответов:

весь смысл jQuery заключается в том, что вам не нужно беспокоиться о различиях в браузере. Я уверен, что вы можете спокойно пойти с введите будучи 13 во всех браузерах. Поэтому, имея это в виду, вы можете сделать следующее:

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});
1172  
2012-06-04 16:58:42

Я написал небольшой плагин, чтобы сделать его легче привязать "на клавишу ввода нажата" событие:

$.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!');
})
115  
2012-04-01 17:05:44

Я не мог получить код, опубликованный @Paolo Bergantino, чтобы работать, но когда я изменил его на $(document) и e.which вместо e.keyCode затем я обнаружил, что он работает безупречно.

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

ссылка на пример на JS Bin

59  
2011-06-21 13:45:47

Я обнаружил, что это более кросс-браузер совместим:

$(document).keypress(function(event) {
    var keycode = event.keyCode || event.which;
    if(keycode == '13') {
        alert('You pressed a "enter" key in somewhere');    
    }
});
44  
2016-08-02 19:07:39

вы можете сделать это с помощью jQuery' keydown ' дескриптор события

   $( "#start" ).on( "keydown", function(event) {
      if(event.which == 13) 
         alert("Entered!");
    });
23  
2014-07-02 16:14:49

здесь нажатие() метод события. Номер ASCII ввод ключа, 13 и не зависит от того, какой браузер используется.

8  
2011-03-03 00:29:32

Я потратил некоторое время, придумывая это решение, я надеюсь, что это поможет кому-то.

$(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  
2015-01-05 02:28:53

незначительное расширение ответа Андреа выше делает вспомогательный метод более полезным, когда вы также можете захватить измененные нажатия enter (например, ctrl-enter или shift-enter). Например, этот вариант позволяет привязку типа:

$('textarea').enterKey(function() {$(this).closest('form').submit(); }, 'ctrl')

чтобы отправить форму, когда пользователь нажимает ctrl-enter с фокусом на текстовой области этой формы.

$.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 + Enter jQuery in TEXTAREA)

6  
2017-05-23 15:10:48

в некоторых случаях может потребоваться подавить введите ключ для определенной области страницы, но не для других областей страницы, как на странице ниже, которая содержит заголовок<div> С поиск

3  
2013-12-03 01:05:03

попробуйте это, чтобы обнаружить нажатой клавишу Enter.

$(document).on("keypress", function(e){
    if(e.which == 13){
        alert("You've pressed the enter key!");
    }
});

посмотреть демо -@ обнаружить клавишу enter нажмите на клавиатуре

3  
2018-03-28 15:02:42

использовать event.key и современный JS!

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

или без jQuery:

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

Mozilla Docs

Поддерживаемые Браузеры

2  
2018-02-18 21:09:12

простой способ определить, нажал ли пользователь enter, чтобы использовать номер ключа введите номер ключа =13, Чтобы проверить значение ключа в устройстве

$("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);
});

при нажатии клавиши enter вы получите результат как 13 . используя значение ключа, вы можете вызвать функцию или сделать все, что пожелаете 

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

Если вы хотите нацелиться на кнопку после нажатия клавиши enter, вы можете использовать код 

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

надеюсь, что это поможет

0  
2013-04-17 14:23:34

Я думаю, что самый простой метод будет использовать ванилин javacript:

document.onkeyup = function(event) {
   if (event.key === 13){
     alert("enter was pressed");
   }
}
0  
2017-07-14 17:25:50

Comments

    Ничего не найдено.
Click here to cancel reply.