jquery - 按下输入按钮时如何向元素添加类

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