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

您所在的位置：网站首页 › js监听hover事件 › 关于javascript：使用js触发css：hover事件

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

2023-03-14 14:18| 来源: 网络整理| 查看: 265

我有并且在CSS中：

123div.animate:hover{ //do stuff }

但也想通过javascript调用。

有可能吗？

相关讨论您是否在这里看过stackoverflow.com/questions/2228376/…？使用JS触发CSS悬停的可能重复项悬停项目与JQuery可能重复

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

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

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

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

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

我建议使用此方法，因为它同时处理onMouseOver和onMouseOut(这样，如果您愿意，可以使用以下语法在鼠标离开$('。trigger-animate')时删除该类： 12.hover( handlerIn(eventObject), handlerOut(eventObject) ) checking out the documentation 相关讨论我是jQuery的新手，这是否可以放在" onMouseOver "中？如果没有，我应该把这段代码放在哪里将其放入$(window).load -------- .hover替代了onMouseOver，因此您甚至不需要它！抱歉，我仍然迷路。我在第二个代码段中将.hover(...)放在哪里第二段只是第一段的完整语法文档。您只需要第一个，就可以使用第二个语法添加第二个函数来处理鼠标移出时的情况。希望能使事情变得顺利。香草JS无法做到这一点吗？

【本文地址】

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

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

今日新闻

推荐新闻