可以用代码去触发一个元素的css:active状态吗？

Question

dom.onclick = function(e){

  console.log(window.getComputedStyle(e.target).backgroundColor);

}

dom.click();

dom元素的背景颜色在正常状态下是A,在active状态是B
上面的代码会输出A

但是如果自己真的用鼠标去点击，会输出B

有什么方法可以用代码去触发一个元素的css:active状态吗？

Answer 1

JS不能通过代码去触发伪类。这个涉及到W3C的规范 3.4 Trusted events，通过JS代码去触发事件是一个不可信事件，所以不会触发元素的伪类选择器。所以目前的做法都是给元素添加一个class去修改元素的样式。参考：W3C规范-3.4 可信事件Trigger css hover with JS