关于javascript：使用js触发css：hover事件


Trigger the css:hover event with js

我有并且在CSS中：

1
2
3
div.animate:hover{
//do stuff
}

但也想通过javascript调用。

有可能吗？

相关讨论

如使用JS触发CSS悬停中所述，这是不可能的(如果您希望按照创建此答案时的确切描述进行操作)。

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

  • 在CSS中设置类hover(或其他名称)以及选择器:hover。
  • 调用.addClass("hover")触发CSS，调用.trigger("hover")或.trigger("mouseenter")触发JS。
  • 确保mouseleave处理程序。或第二个.hover()处理程序，清除hover类(如果存在)。

    • 与其建议您这样做，不建议您将一个类添加到其他标签中。在jQuery中将是：

    1
    2
    3
    4
    5
     $(window).load(function() {
        $('.trigger-animate').hover(function(){
            $('.animate').addClass('hover');
        });
    }

    我建议使用此方法，因为它同时处理onMouseOver和onMouseOut(这样，如果您愿意，可以使用以下语法在鼠标离开$('。trigger-animate')时删除该类：

    1
    2
    .hover( handlerIn(eventObject), handlerOut(eventObject) )
     checking out the documentation
    相关讨论