如何强制:悬停在DOM元素

How to force :hover on DOM element?

本文关键字:DOM 元素 悬停 何强制      更新时间:2023-09-26

有很多这样的问题,所有的答案都是一样的- 只需添加类并切换它。

场景:

当我的页面滚动时,我复制表的第一列,并将其与position:fixed附加到浏览器的左侧,这使我在表宽时看到标题。

原表有:hover的css:

table tr:hover td { background: red }

这是伟大的,因为我可以看到整个行突出显示当我悬停它,但不是那么伟大如果我悬停克隆表,它只突出显示这一列。我想强制:悬停状态在原始表不添加任何类。

到目前为止我所尝试的没有任何效果:

 - .trigger('mouseover');
 - .trigger('mouseenter');
 - .trigger('hover');
 - .hover()
 - .mouseenter();
 - .mouseover();

据我所知,实际上不可能从JQuery/Javascript触发CSS伪类。
除了像你一直在做的那样使用JS/JQuery事件和CSS类之外,几乎没有其他选择。

可以使用document.getElementById("ElementID").click();强制点击状态