找出一个元素是否定义了CSS“悬停”伪类？ [重复]

Question

这个问题在这里已有答案：

• Read :hover pseudo class with javascript 4个答案
• pure javascript to check if something has hover (without setting on mouseover/out) 4个答案

假设我有以下HTML：

<div id="mydiv">Hello</div>

<style>
#mydiv {
    background-color: yellow;
}

#mydiv:hover {
    background-color: red;
}
</style>

使用JavaScript，我如何确定#mydiv是否应用了“悬停”伪类规则？

理想情况下，它将是如下函数：

function HasHoverPseudoClass(element){
    //if element has the "hover" pseudo-class then
    //return true
    //else
    //return false
}

Answer 1

你可以使用Event mouseover：

用JS：

var div = document.getElementById("mydiv");

div.addEventListener("mouseover", HasHoverPseudoClass);

    function HasHoverPseudoClass(){
        //if element has the "hover" pseudo-class then
        //return true
        //else
        //return false
    }

使用JQuery：

$("#mydiv").mouseover(HasHoverPseudoClass);

function HasHoverPseudoClass(){
            //if element has the "hover" pseudo-class then
            //return true
            //else
            //return false
        }

我希望它有所帮助;）