Функция не только по клику но и по нажатию Enter

Question

Функция не только по клику но и по нажатию Enter

Рейтинг: 0Ответов: 1Опубликовано: 06.02.2023

Как реализовать скрипт, срабатывающий от клика на button on('click', function() и по нажатию на клавишу Enter

$(function() {
    $('.find-number').on('click', function(){
        $.ajax({
            type: "POST",
            url: 'ajax.php',
            dataType: 'json',
            data: 'nomer='+$('.input-number').val(),
            success: function(data) {
                $('.ajax-answer').html(data);
            },
            error: function(xhr, thrownError) {
                console.log(xhr.responseText);
                console.log(thrownError);
            },
        });
        return false;
    });
});

В HTML класс прицеплен к ссылке по сути а не к кнопке

<div class="modal__header">
  <img class="img modal__img" src="img/example.png" alt="Пример">
  <div class="modal__text">
  <p class="ajax-answer">ВВЕДИТЕ НОМЕР (например, PVD-0093/2023-1125-1)</p>
  </div>
  <div>
    <form class="modal__action" action="/" method="post">
      <input class="input input-number" type="text" placeholder="PVD-0093/2023-" value="PVD-0093/2023-">
    </form>
  </div>
  <a class="btn btn--orange btn--shadow find-number">НАЙТИ</a>
</div>

javascript ajax

Источник: Stack Overflow на русском

Answer 1

▲ 0Принят

В данном примере нажатие на кнопку Enter на странице будет вызывать событие клика по кнопке.

$("body").keyup(function(event) {
    if (event.keyCode === 13) {
        $(".find-number").click();
    }
})

Функция не только по клику но и по нажатию Enter

Ответы