从元素中删除:active伪类

Question

我希望能够告诉一个元素,它不再:active是CSS规则不再适用的.有没有办法在JavaScript中这样做？

Answer 1

可能的解决方案 :

1)使用课程:

JS:

document.getElementById("element").classList.remove("hasactive");

CSS:

#element.hasactive:active {
    background:blue;
}

2)防止默认的mousedown功能(活动状态):

编辑:显然,这只适用于Firefox.

JS:

document.getElementById("element").onmousedown = function(event) {
    event.preventDefault();
}

3)删除其中包含css规则的样式元素

HTML:

<style id="activestyle">
#element:active {
/*Your code here*/
}
</style>

JS:

document.getElementById("activestyle").remove();

Answer 2

document.activeElement = null;

或者

document.activeElement && document.activeElement.blur();