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

Question

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

我也尝试过：

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

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

这可能吗？

Answer 1

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

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

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