我知道是否有可能以某种方式用JS触发CSS HOVER效果,而不必使用额外的类......
以下是我想要做的一个例子: http://jsfiddle.net/pXbMZ/2/
我尝试使用mouseenter()
触发效果,但这不会触发CSS悬停效果。
PS:我已经创建了一个帮助用户使用在线CMS的功能。帮助功能向您展示如何通过移动图像来显示如何使用东西。虚拟光标可以点击东西,显示元素等。但是我希望这个虚拟光标能够触发CSS中设置的悬停效果。
答案 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)
答案 3 :(得分:-3)
如果将事件绑定到Jquery中的onmouseover和onmouseout事件,则可以使用mouseenter()触发该效果。
你想要完成什么?