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

瀏覽器相容性