獲取元素：沒有實際懸停的懸停大小

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事件，然後取它的寬度，它可以給你比一個更實際的大小其他方式。儘管你可以使用它異步到其他腳本和功能不影響你的頁面。