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

问题描述

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

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

除click或DOMActivate事件外,大多数 。

您必须添加一个类,并在mouSEOver / mouSEOut事件上手动添加/删除该类。

解决方法

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

我也尝试过:

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

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

这可能吗?