javascript - 获取特定元素下的所有元素

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伪类适用于您光标所在的任何位置。快速浏览一下这个小提琴，您的鼠标会为每个悬停的元素触发红色背景：http: //goo.gl/zurP6

其次，如果您使用元素作为光标，您可以使用规则指示鼠标通过它pointer-events: none。请注意，SVG 之外对该属性的支持是有限的。

除此之外，唯一的替代方法是使用类似的东西elementFromPoint，但这只会返回一个元素。我不确定这是否对你有用，因为你的鼠标总是被一个元素阻挡。

关于elementFromPoint路线，您可以暂时隐藏自定义光标以获取鼠标下方的下一个元素，然后按照以下评论中的建议重新打开自定义光标。