如何使用JavaScript检查元素是否真的可见？

Question

如何使用JavaScript检查元素是否真的可见？

在JavaScript中，您如何检查元素是否实际可见？

我不仅仅意味着检查visibility和display属性。我的意思是，检查元素不是

• visibility: hidden 要么 display: none

• 在另一个元素下面

• 滚动屏幕边缘

由于技术原因，我不能包含任何脚本。然而，我可以使用原型，因为它已经在页面上。

Answer 1

对于第2点。我看到没有人建议使用document.elementFromPoint(x,y)，对我来说，这是测试一个元素是否被另一个元素嵌套或隐藏的最快方法。您可以将目标元素的偏移量传递给函数。这是elementFromPoint上的PPK测试页面。