当网页上的图像被加载并被用户看到时采取行动答案

【问题标题】：Take action when an image on a webpage is loaded and seen by the user当网页上的图像被加载并被用户看到时采取行动
【发布时间】：2026-02-16 08:10:01
【问题描述】：

当网页上的图像被加载并被用户看到（图像未隐藏在可滚动区域中）时，我需要采取行动（调用 WEB URL）。如果用户向下滚动并显示图像，那么我们将采取相同的操作。

这可能吗？使用 AJAX 和 Javascript 焦点？焦点是否区分（a）加载并显示在屏幕上的图像和（b）加载但未显示的图像（因为它们仍在可滚动页面下方）。

非常感谢您的帮助。

谢谢

【问题讨论】：

【解决方案1】：

你可以挂钩到图片的onload事件和容器上的onscroll事件。

使用数学来查看图像偏移量是否在视口中（在 onscroll 内）并检查图像加载 - 当两个条件都满足时，您已经到达目的地。

【讨论】：

【解决方案2】：

查看以下属性：document.body.scrollTop、document.body.clientHeight 和 image.offsetTop。

每次页面滚动时使用这些值进行快速计算 (window.onscroll) 应该可以让您知道图像是否可见。

【讨论】：

【解决方案3】：

也许这个答案可以帮助你：

【讨论】：