在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>
答案 0 :(得分:1)
:hover
伪类适用于游标结束的任何内容。快速浏览一下这个小提琴,鼠标触发每个悬停元素的红色背景:http://goo.gl/zurP6
其次,如果您使用元素作为光标,则可以使用pointer-events: none
规则指示鼠标通过它。请注意,此属性的support outside of SVG是有限的。
除此之外,唯一的替代方法是使用elementFromPoint
之类的东西,但这只会返回一个元素。我不确定这对你有用,因为你的鼠标总是被一个元素所阻碍。
关于elementFromPoint
路线,您可以暂时隐藏自定义光标以获取鼠标下方的下一个元素,然后重新打开自定义光标,如下面的评论所示。