一个按钮的:active CSS属性可以用jQuery .click()激活吗？

Question

这是一个困扰我很久的问题。

我在一个 button:active 在我的CSS中。因此，当用户点击页面上的按钮时，该按钮会被认为是活动属性，然后在点击事件发生后恢复到原来的样子。

#start:active {
  -webkit-appearance: none;
  background-color: mediumblue;
  transform: translateY(3px);
  box-shadow: none;
}

在同一个页面上，我使用jQuery来点击按键事件中的按钮。

$(document).keydown(function(e) {
  if (e.keyCode === 70) {
    $("#start").click();
  } 
})

然而，使用jQuery .click()方法只能模拟点击按钮，而没有我的CSS活动属性的方面。我想我可以使用 .addClass() 方法，并设置一个超时的 removeClass() 但有没有更简单的方法来实现这个功能，并利用CSS活动的优势？

Answer 1

我认为与其使用 :active，在做之前 click() 使用jQuery，你可以直接切换添加一个类如 button--active!

$("#start").addClass("button--active");
$("#start").click();

Answer 2

也许你可以用 trigger() 方法。

$("#start").trigger('focus')