获取元素's:hover大小而不实际悬停

Get element's :hover size without actually hovering

本文关键字：不实际 悬停 hover 元素 获取      更新时间：2023-09-26

我知道有可能得到一个a:悬停的颜色没有悬停在元素上，但它的宽度和高度呢?如果链接的大小为auto，则不能从样式表中读取它。我打算用悬停到粗体的链接做一些实验技巧。我的唯一选项绑定到悬停事件吗?

你可以用与颜色相似的方法来解决它。如果从样式表中提取会影响宽度的所有信息。并将其应用于具有相同链接内容的临时元素。然后你可以计算宽度。

如果您自己创建样式表，那么如果您创建像这样的CSS规则会更容易。

a:hover, a.hover {}

，然后临时添加类。hover到链接，并计算其大小

我建议使用这种方法，但要更改它以添加span的样式，使其与a:hover的样式相匹配。

个人认为如果没有问题的性能泄漏，
我可以建议一个更简单的方法，使用jquery .trigger()触发所需元素上的mouseover事件，然后取其宽度，它可以给你一个比其他方法更实际的大小。尽管您可以将其异步用于其他脚本和函数，以不影响您的页面。

相关文章：