使用JS触发css悬停

Question

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

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

我尝试过激活效果,mouseenter()但这不会触发CSS悬停效果.

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

Answer 1

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

$('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/

希望这可以帮助!

Answer 2

你不能.这不是一个值得信赖的事件.

由用户代理生成的事件,或者作为用户交互的结果,或者作为DOM更改的直接结果,由用户代理信任的事件具有通过DocumentEvent.createEvent脚本生成的事件所不具有的权限("Event")方法,使用Event.initEvent()方法修改,或通过EventTarget.dispatchEvent()方法调度.受信任事件的isTrusted属性值为true,而不受信任事件的isTrusted属性值为false.

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

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

旁注,在我将此标记为重复之后,我在这里回答这个问题,因为这里没有回答真正涵盖了我所看到的问题.希望有一天它会被合并.

Answer 3

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

请参阅:使用JQuery悬停项目

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