如何用JavaScript实现元素曝光（曝光上报）功能？

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

在数据上报时，常遇到仅对当前可视范围内数据进行曝光上报的问题，而未在可视范围内的数据则不进行上报，待用户滚动页面或切换区域后进行。

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

解决方案

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

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