如何在纯CSS中模拟鼠标悬停以激活CSS“：hover”？

Question

我一直在尝试寻找mouseover在Chrome中进行仿真的代码，但是即使触发了“ mouseover”监听器，也从未设置CSS“ hover”声明！

我也尝试过：

//Called within mouseover listener
theElement.classList.add("hover");

但是似乎没有什么可以将元素更改为其hover声明中声明的内容。

这可能吗？

Answer 1

你不能 这不是一个值得信任的事件。

由于用户交互或作为DOM更改的直接结果而由用户代理生成的事件，由用户代理信任，其特权不提供给脚本通过DocumentEvent.createEvent生成的事件。（“事件”）方法，可以使用Event.initEvent（）方法进行修改，也可以通过EventTarget.dispatchEvent（）方法进行调度。受信任事件的isTrusted属性值为true，而不受信任事件的isTrusted属性值为false。

除click或DOMActivate事件外，大多数 不受信任的事件均不应触发默认操作 。

您必须添加一个类，并在mouseover / mouseout事件上手动添加/删除该类。