一尘不染

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

css

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

我也尝试过:

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

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

这可能吗?


阅读 603

收藏
2020-05-16

共1个答案

一尘不染

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

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

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

2020-05-16