使用JS触发css悬停

时间:2010-12-03 15:40:31

标签: javascript jquery

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

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

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

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

4 个答案:

答案 0 :(得分:47)

我知道你要做什么,但为什么不这样做呢:

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

希望这有帮助!

答案 1 :(得分:30)

你做不到。这不是trusted event

  

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

     

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

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


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

答案 2 :(得分:8)

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

请参阅:Hover Item with JQuery

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

答案 3 :(得分:-3)

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

你想要完成什么?