当按下输入按钮时，如何向元素添加类

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键时，第一个按钮“Submit”被“点击”。这对于点击操作很重要，因为我希望用户在点击时可视地看到按钮更改的颜色。

请注意，我已经执行了以下操作并将函数的执行与该按钮联系起来：

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