微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在纯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声明中声明的内容。

这可能吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。