獲取特定元素下的所有元素

Question

在JavaScript中，是否有可能獲取元素懸停在其上的所有元素的列表？我使用一個元素作爲遊標，並且當光標元素懸停在每個其他元素上時，我希望頁面中的其他元素加下劃線。

<div id="cursor">|----------|<br/>|----------|<br/>>I'm a spaceship!><br/>|----------|<br/>|----------|<br/></div> 
<div id="hi">Try to select this text</div> 
<p>I want to automatically highlight all elements that the cursor element hovers over.</p> 
<p>Here's an element.<p> 

http://jsfiddle.net/fU3Qn/

Answer 1

的:hover僞類適用於任何你光標懸停。其次，如果你使用一個元素作爲你的光標，你可以通過使用pointer-events: none規則來指示你的鼠標通過它。請注意，此屬性的support outside of SVG有限。

除此之外，唯一的替代方法是使用類似elementFromPoint的東西，但是這將只返回一個元素。我不確定這會對你有用，因爲你的鼠標始終受到元素的阻礙。

關於elementFromPoint路由，您可以暫時隱藏自定義光標以獲取鼠標下的下一個元素，然後重新打開自定義光標，如下面的註釋所示。