Javascript 触发CSS：非锚元素的活动选择器

如何通过JavaScript（jQuery）触发非锚元素的：活动状态

---

在参考：hover pseudo selector查看如何触发a的激活时，我遇到了以下问题，这使我相信这应该是可能的：

：active伪类在用户激活元素时应用。例如，在用户按下鼠标按钮和释放鼠标按钮之间

CSS没有定义哪些元素可能处于上述状态，或者如何输入和离开这些状态。脚本可能会改变元素是否对用户事件做出反应，不同的设备和UAs可能有不同的指向或激活元素的方式

---

谢谢你的帮助

不能使用javascript触发css伪选择器，如

：active

。

---

没有可以执行的函数/处理程序，因此即使您在设置了

css:active

伪选择器（例如，将背景颜色设置为红色）的元素上单击

trigger

a

，也不会发生任何事情。
我在搜索完全相同的内容时遇到了这个问题

基本上我有一个文本区域和一个按钮。当用户按enter键时，将触发button.click。但是，css中的：active选择器不会被触发，因此不会产生相同的效果

这就是我所做的。这有点多余，但很有效

在css中

/*this is for actual clicks on the button */
.Button:active {
position:relative;
top:5px;
}

/* this is for pressing enter instead of clicking the button */
.Button.activate{
position:relative;
top:5px;
}

然后在jquery中

//if enter is pressed, trigger button click
$("#textArea").keydown(function(event){
if(event.keyCode == 13){
    $("#button").click();
    $("#button").addClass('activate');
}
});

//if enter is released, remove class
$("#textArea").keyup(function(event){
if(event.keyCode == 13){
    $("#button").removeClass('activate');
}
});

如果这是真的，那就令人失望了。我知道我还没有找到办法，但我不明白为什么不应该有=（在css规则中使用
.Button:active、.Button.activate{…}
将允许您仅定义一次样式，并消除冗余问题。