elementsFromPoint() 返回视口坐标(x,y)处从上到下堆叠的所有可见可交互元素数组，自动适配滚动，仅包含display可见、visibility:visible、pointer-events:auto且有渲染盒的同文档元素。
elementsFromPoint() 是一个 DOM 方法，用于获取在指定屏幕坐标（x, y）处**从上到下堆叠的所有可见、可交互的元素**，返回一个从顶层到底层排列的 Array（类数组，但实际是真正的 Array），最上面的元素排在索引 0 的位置。
基本用法：传入页面坐标
该方法接收两个参数：x 和 y，单位为 CSS 像素，且是相对于**视口（viewport）左上角**的坐标（即 window 内部坐标，不是 document 或页面绝对坐标）。
示例：
const elements = document.elementsFromPoint(100, 200);这会返回在视口横坐标 100px、纵坐标 200px 处所有重叠的元素（包括被遮挡但仍在堆叠上下文中的元素），按 z-index 从高到低顺序排列。
立即学习“Java免费学习笔记（深入）”；
注意坐标系和滚动偏移
如果页面已滚动，elementsFromPoint() 仍以当前视口为基准 —— 它**自动考虑了滚动位置**，不需要手动减去 window.scrollX/Y。这点和 elementFromPoint() 一致。
但要注意：它不接受文档坐标（如通过 getBoundingClientRect() 得到的 left/top）。若你有某个元素的文档坐标，想查该位置的重叠元素，需先转成视口坐标：
- 用
elem.getBoundingClientRect()获取相对于视口的位置 - 或手动转换：
clientX = pageX - window.scrollX，clientY = pageY - window.scrollY
返回结果的过滤与限制
该方法只返回满足以下条件的元素：
- 在视口内（部分可见即可）
- display 不为
none - visibility 为
visible（visibility: hidden的元素会被跳过） - 具有渲染盒（例如
<script>、<meta>等无盒元素不会出现） - 属于同一 document（跨 iframe 需调用对应 iframe 的 document.elementsFromPoint）
透明区域（opacity: 0 或 rgba(0,0,0,0)）不影响命中；但 pointer-events: none 的元素**会被跳过**（即使视觉上可见）。
常见用途与小技巧
适合做「点击穿透检测」「悬停区域分析」「UI 覆盖调试」等场景：
- 判断某点是否被弹窗/遮罩层覆盖：
elements[0] === modalEl - 模拟鼠标事件前检查目标栈：
if (elements.some(el => el.matches('.clickable'))) - 排除 SVG 文本路径等不可点元素，结合
el.matches(':is(button, [role=button], [tabindex])')精准筛选可交互元素
⚠️ 注意：在 iframe 中调用时，必须使用该 iframe 的 contentDocument，不能跨域；同源 iframe 可安全使用 iframe.contentDocument.elementsFromPoint(x, y)。
