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

时间:2013-04-20 03:48:31

标签: javascript html

在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/

1 个答案:

答案 0 :(得分:1)

:hover伪类适用于游标结束的任何内容。快速浏览一下这个小提琴,鼠标触发每个悬停元素的红色背景:http://goo.gl/zurP6

其次,如果您使用元素作为光标,则可以使用pointer-events: none规则指示鼠标通过它。请注意,此属性的support outside of SVG是有限的。

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

关于elementFromPoint路线,您可以暂时隐藏自定义光标以获取鼠标下方的下一个元素,然后重新打开自定义光标,如下面的评论所示。