Как я могу добавить класс к элементу, когда нажата кнопка ввода

Question

У меня есть модальная форма:

<button class="float-right" type="submit">Login</button>

<div class="block-footer align-right">
<button type="button">Submit</button>
<button type="button">Submit &amp; Close</button>
<button type="button">Close</button>
</div>

Как я могу сделать так, чтобы, когда пользователь нажимает клавишу Enter, то первая из кнопок "Отправить" "нажата". Это важно для действия щелчка, так как я хочу, чтобы пользователь визуально видел цвет изменения кнопки при ее нажатии.

Обратите внимание, что я уже сделал следующее и привязал выполнение функции к этой кнопке:

$('#modal button:contains("Submit")').click(function () {
    submitHandler(dObj.$link, $('#main-form'), false);
}); 

Answer 1

Ты можешь использовать trigger() метод:

$('body').on('keyup', function(e) {
   if(e.keyCode == 13) { // when Enter key is pressed trigger click event for first button 
      $('.block-footer button:first').addClass('active').trigger('click')
   }
});