Как вызвать метод JQUERY click () при нажатии клавиши Enter на клавиатуре? - PullRequest
Новая
       38

Как вызвать метод JQUERY click () при нажатии клавиши Enter на клавиатуре?

0 голосов
/ 26 июня 2019

Я создал форму поиска и установил функцию, которая сообщает браузеру отображать файл JSON всякий раз, когда в текстовое поле вводится строка и нажимается кнопка Search: 

$("#IDofTheSearchButton").on('click', function);

Я хочу вызывать ту же функцию также всякий раз, когда поле ввода заполнено, и пользователь нажимает кнопку Enter на клавиатуре.

Как я могу это сделать?

        • E D I T [S O L V E D] - - - -

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

$('#IDofTheInputField').on('keydown', function(e) {

            if (e.which == 13) {
                e.preventDefault();
                nameOfTheFunction();
            }
        } );

Я также добавил метод preventDefault(), чтобы ключ Enter не активировал событие Submit (в противном случае код не работает для этого конкретного ключа).

Ответы [ 3 ]

4 голосов
/ 26 июня 2019

Добавив список событий keydown в поле ввода, вы сможете вызывать функцию. 13 означает клавишу «Ввод». 

$('#inputExample').on('keydown',function(e) {
    // You could use e.which == 13, but .which has been deprecated
    if(e.key == 'Enter') {
        // You could use the .click() function below, but it is better to call the function directly.
        // $("#submitButton").click();
        someFunction();
    }
});

$('#submitButton').on('click', someFunction);

function someFunction(){
  alert("Function has been called")
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="inputExample" type="text">

<button id="submitButton" type="submit">Submit</button>
0 голосов
/ 26 июня 2019

попробуйте это. 

 $('.input').keypress(function (e) {
      if (e.which == 13) {
        $('#IDofTheSearchButton').click();
        return false;    
      }
 });
0 голосов
/ 26 июня 2019

Вы можете использовать метод submit jquery. как то так 

$("#IDofTheSearchButton").submit(function);

Таким образом, всякий раз, когда пользователь заканчивает ввод и нажимает клавишу ввода, функция вызывается.

...