小编Kou*_*sha的帖子

使用该document.elementFromPoint功能可以在页面中找到所有真正可见且可点击的元素.但是,它会返回null视口外部的元素.

那么,如何在整页中找到所有可点击和可见元素？可见元素不仅限于样式.只需考虑一个<div>现在隐藏在所有子元素后面的容器.因此,父母<div>不再可见.

那么,您是否知道如何在页面中找到所有真正可见的元素？在上面的例子中,显然"父<div>"实际上是不可见的.还有一些其他不可预知的情况下这些元素可能无法看到和样式(display,visibility,等)可能不表明它.

我的最终目的:我想检查一个元素是否真的可见并且可以为最终用户点击.作为示例用例,我想查找用户可能单击的所有可能区域.