刪除元素中的活動僞類

Question

我希望能夠告訴元素它不再是:active，以便CSS規則不再適用。有什麼辦法可以在JavaScript中做到這一點？

Answer 1

使用document.activeElement：

document.activeElement = null; 

OR

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

Answer 2

可能的解決方案：

1）使用類：

JS：

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

CSS：

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

2）防止默認鼠標按下功能（工作狀態）：

編輯：顯然，在Firefox這僅適用。

JS：

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

3）它

HTML刪除樣式元素與CSS規則：

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

JS：

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

Answer 3

這是通過重置DOM元素的技巧。

function resetElement(e){ 
    var $e = $(e); 
    var $original = $e.clone(); 
    $e.replaceWith($original); 
} 

然後調用它：

resetElement(document.activeElement); 

Answer 4

jQuery的用戶：
JS：

$(".btn").click(function() { $(this).blur(); }); 

HTML：

<button type="button" class="btn btn-success">press me</button>