如何用js实现页面元素曝光监测并上报数据？

本文共计836个文字，预计阅读时间需要4分钟。

在进行数据上报时，经常会遇到表格数据曝光上报的问题。通常，只会对当前可视范围内的数据进行曝光上报，而不会对不可视范围内的数据进行上报。等待用户滚动页面或切换区域后，再进行数据曝光上报。

进行数据上报的时候，经常会遇到列表数据曝光上报的问题，只对在当前可视范围内的数据内容进行曝光上报，而对于未在可视范围内的数据不进行曝光上报，等待用户滚动页面或者区域使元素出现在可视范围内时才进行曝光上报。

解决方案

目前针对此类问题，主要有两种解决方案。

方案一：监听页面或者区域scroll事件，通过getBoundingClientRect接口取元素的位置与可视窗口进行判断。