javascript - 用js触发css:hover事件

Question

我有<div class="animate">并且在css中：

div.animate:hover{
//do stuff
}

但也想通过javascript调用它。

是否可以？

Answer 1

如Trigger css hover with JS中所述，这是不可能的（如果您希望在创建此答案时准确描述）。

但主要目标可以通过以下方式实现：

1. 在 CSS 中设置一个类hover（或任何名称）以及选择器。:hover
2. 调用.addClass("hover")触发CSS，.trigger("hover")或.trigger("mouseenter")触发JS。
3. 确保mouseleave处理程序。或第二个.hover()处理程序，如果存在则清除hover该类。

Answer 2

我建议您不要这样做，而是将一个类添加到另一个标签。在 jQuery 中它将是：

 $(window).load(function() {
    $('.trigger-animate').hover(function(){
        $('.animate').addClass('hover');
    });
}

我建议使用这种方法，因为它同时处理 onMouseOver 和 onMouseOut （这样你也可以在鼠标离开 $('.trigger-animate') 时删除该类，如果你需要使用这种语法：

.hover( handlerIn(eventObject), handlerOut(eventObject) )
 checking out the documentation