IntersectionObserverEntry:target 属性

Baseline 已广泛支持

此功能已成熟,并可在多种设备和浏览器版本上运行。自 2019 年 3 月以来,它已在所有浏览器中可用。

IntersectionObserverEntry 接口的 **target** 只读属性指示哪个目标 Element 与相交根的相交量发生了变化。

IntersectionObserverEntrytarget 属性指定了先前通过调用 IntersectionObserver.observe() 所针对的哪个 Element 与根的相交发生了变化。

示例

在这个简单的例子中,每个目标元素的 opacity(不透明度)被设置为其 intersectionRatio(相交比例)。

js
function intersectionCallback(entries) {
  entries.forEach((entry) => {
    entry.target.style.opacity = entry.intersectionRatio;
  });
}

要查看更具体的示例,请参阅 处理相交变化。

规范

规范
交集观察器
# dom-intersectionobserverentry-target

浏览器兼容性