仅使用JavaScript (无JQuery)检测网页上特定的“图例”元素何时可见

要检测网页上特定的“图例”元素何时可见，可以使用JavaScript来实现。以下是一个基本的示例代码：

// 获取图例元素
var legendElement = document.getElementById("legend");

// 检测图例元素是否可见
function isLegendVisible() {
  var rect = legendElement.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
}

// 监听窗口滚动事件
window.addEventListener("scroll", function() {
  if (isLegendVisible()) {
    console.log("图例元素可见");
    // 可见时的操作
  } else {
    console.log("图例元素不可见");
    // 不可见时的操作
  }
});

上述代码中，首先通过document.getElementById方法获取到特定的“图例”元素，然后定义了一个isLegendVisible函数来检测该元素是否可见。该函数利用getBoundingClientRect方法获取元素的位置信息，并根据元素的位置信息判断元素是否在可视区域内。最后，通过监听窗口的滚动事件，调用isLegendVisible函数来判断图例元素的可见性，并根据结果进行相应的操作。

这种方法可以用于各种场景，例如在滚动页面时判断某个元素是否可见，以便触发相应的动画效果或加载更多内容等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。
• 腾讯云云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和管理应用程序。
• 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：稳定可靠的云数据库服务，适用于各种规模的应用程序。
• 腾讯云对象存储（COS）：安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的数据。
• 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，帮助开发者构建智能化应用。
• 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建和管理物联网设备。
• 腾讯云移动开发（移动推送）：提供移动推送服务，帮助开发者实现消息推送和用户分群等功能。
• 腾讯云区块链（BCS）：提供安全、高效的区块链服务，帮助用户构建和管理区块链网络。
• 腾讯云音视频处理（VOD）：提供音视频处理和分发服务，适用于各种音视频应用场景。
• 腾讯云元宇宙（Tencent XR）：提供全面的虚拟现实（VR）、增强现实（AR）和混合现实（MR）解决方案，帮助用户构建沉浸式体验应用。

请注意，以上产品仅作为示例，实际选择产品时需根据具体需求进行评估和选择。