javascript - 从 'elementFromPoint' 函数隐藏 div 中的元素

Question

我有一个 div，里面有一个图标和一个字符串。

当我将鼠标移到该 div 上方时，我只想让“elementFromPoint”函数看到该 div - 我该如何实现？

这是一个代码示例。

<div id="rightGazeOption_0" class="gazeLinkOption">
    <i style="outline: 0px none;" class="gazeLinkOptionIcon fa fa-external-link"></i><span>ElementName</span>
</div>
var myElement = document.elementFromPoint(/*CENTER OF DIV*/);

现在 'myElement' 是“< i >”或“< span >”元素，但我希望它是 div 本身 - 我如何将 < i > 和 < span > 发送到后台“elementFromPoint()”只能看到主 div 容器？

这可能吗？

Answer 1

获取parentNode :

var myElement = document.elementFromPoint(/*CENTER OF DIV*/).parentNode;

或者按照 adaneo 的建议，您也可以使用 closest() :

var myElement = document.elementFromPoint(/*CENTER OF DIV*/).closest('div')