时间戳

首页 > 解决方案 > 可以使用 jQuery .click() 激活按钮的 :active CSS 属性吗？

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

问题描述

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

button:active我在我的 CSS 中分配了 a 下的属性。因此，当用户单击页面上的按钮时，该按钮将采用活动属性，然后在单击事件后恢复其原始外观。例如

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

在同一页面上，我使用 jQuery 单击 keydown 事件上的按钮。例如

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

但是，使用 jQuery .click() 方法仅模拟单击按钮，而没有我的 CSS 活动属性方面。我想我可以使用该.addClass()方法并removeClass()在我的 keydown 事件中设置超时，但是有没有更简单的方法来实现这一点并利用 CSS 活动？

标签： jquerycssbutton

解决方案

也许你可以使用trigger()方法：

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

推荐阅读