获取元素：悬停大小而不实际悬停

Question

我知道get an a:hover color without hovering on the element有可能，但它的宽度和高度怎么样？如果链接的大小为auto，则无法从样式表中读取它。我打算用悬停到粗体的链接做一些实验性的诡计。我唯一的选择是绑定到悬停事件吗？

Answer 1

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

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

a:hover, a.hover {}

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

Answer 2

我建议使用this method，但要更改它以将样式添加到span，以便它与a:hover的样式相匹配。

Answer 3

就个人性能泄漏而言，个人而言， 我可以建议一种更简单的方法，使用jquery .trigger()在所需元素上触发mouseover事件，然后获取其宽度，它可以为您提供比其他方式更实用的大小。虽然您可以将其与其他脚本和函数同步使用，但不会影响您的页面。