Можно ли активировать свойство кнопки: 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() в моем событии keydown, но есть ли более простой способ выполнить sh это и воспользоваться преимуществом CSS active?

Answer 1

Может быть, вы можете использовать trigger() метод:

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

Answer 2

Я думаю, что вместо использования :active, прежде чем делать click() с использованием jQuery, вы можете просто переключить / добавить класс, такой как button--active!

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