JS 如何判断HTML中 哪一个div是在最顶层的?

Question

例如 当前有很多层级 ( 每一级有平级的 有子级的 子级也有平级 )
其中有很多是绝对定位 或者相对定位的元素
此时 如何通过js 判断出 当前在页面的最顶层的是哪一个div?
就是当前在网页上面 可以看到的最上层元素

Answer 1

靠 js 强行算有点难吧，获取或有元素，然后计算关联项

• display opacity 等影响展示的
• position、 z-index 特殊层级的
• left 、margin 、padding 、 transform 位置变化的

把计算得出一个人工层级

---

我记得有个 api 可以获取某个点上是什么元素，我去找找

没找到，有类似的场景是依赖事件的。