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

Question

如何使用JavaScript检查元素是否真的可见？在JavaScript中，您如何检查元素是否实际可见？我不仅仅意味着检查visibility和display属性。我的意思是，检查元素不是visibility: hidden 要么 display: none在另一个元素下面滚动屏幕边缘由于技术原因，我不能包含任何脚本。然而，我可以使用原型，因为它已经在页面上。

Answer 1

对于第2点。

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

这是elementFromPoint上的PPK测试页面。