用JS触发css悬停

IT技术 javascript jquery
2021-01-30 07:12:37

我想知道是否有可能以某种方式用 JS 触发 CSS HOVER 效果,而不必使用额外的类......

这是我想要做的一个例子:http : //jsfiddle.net/pXbMZ/2/

我曾尝试使用mouseenter()触发效果,但这不会触发 CSS 悬停效果。

PS:我做了一个功能,可以帮助用户使用在线 CMS。帮助功能通过移动显示您如何使用东西的图像来向您展示如何做东西。虚拟光标可以点击东西,显示元素等。但我希望这个虚拟光标也能触发 CSS 中设置的 :hover 效果。

4个回答

我知道你想做什么,但为什么不简单地这样做:

$('div').addClass('hover');

该类已在您的 CSS 中定义...

至于您最初的问题,之前已经问过这个问题,不幸的是这是不可能的。例如http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover

但是,如果您的样式表是在 Javascript 中定义的,则您想要的功能可能是可能的。见:http : //www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

希望这可以帮助!

你不能。这不是可信事件

由用户代理生成的事件,无论是作为用户交互的结果,还是作为对 DOM 更改的直接结果,都被用户代理信任,其特权是脚本通过 DocumentEvent.createEvent 生成的事件所没有的("Event") 方法,使用 Event.initEvent() 方法修改,或通过 EventTarget.dispatchEvent() 方法调度。可信事件的 isTrusted 属性值为 true,而非可信事件的 isTrusted 属性值为 false。

大多数不受信任的事件不应触发默认操作,但单击或 DOMActivate 事件除外。

您必须添加一个类并在鼠标悬停/鼠标移出事件上手动添加/删除它。


侧面说明,我在这里我打上后回答这个这个作为一个重复,因为没有答案在这里真正覆盖问题,从我所看到的。希望有一天它会合并。

我不认为你的要求是可能的。

请参阅:使用 JQuery 悬停项目

基本上,添加一个类是我所知道的实现这一点的唯一方法。

谢谢,这实际上是对这个问题有帮助的第一个 awnser 或评论。
2021-03-30 07:12:37

如果将事件绑定到 Jquery 中的 onmouseover 和 onmouseout 事件,则可以使用 mouseenter() 触发该效果。

你想达到什么目的?

我已经编辑了我的帖子。我不想触发 JS mouseenter 事件我想触发 CSS:hover
2021-04-11 07:12:37