Javascript 找出一个元素是否有CSS“；悬停“；伪类定义？

假设我有以下HTML：

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

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

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

---

您可以使用事件

鼠标盖

：

带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
    }

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

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

使用JQuery:

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

div.addEventListener("mouseover", HasHoverPseudoClass);

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

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

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

---

我希望这有帮助；）

您可以尝试在MouseOver和OnMouseOut上使用html事件属性。这可能会对您有所帮助：我相信@sdn404的答案比LGSon提供的重复帖子更直接地与问题相关。@MichaelSorensen因此我根据一些评论将该链接添加到dupe列表中，你是在问如何检查

#mydiv

是否实际处于悬停状态，或者它是否分配了一个伪类？OP没有问如何使用脚本执行“悬停”，他们问给定元素是否在CSF中设置了“悬停”类。她问：“使用JavaScript，我如何确定#mydiv是否应用了“悬停”伪类规则？”我的答案是，如果你运行mouseover事件并发出警告（例如），他可以看到：hover是否处于活动状态，因为它是相同的，对吗？你可能对这个解释是正确的，所以我问了OP并等待他们的回答，顺便说一句，我的动作基于的标题是“找出元素是否有CSS”hover伪类定义？”