observeResize

observeResize fonksiyonu, öğelerin boyut değişikliklerini izlemek için kullanılır. Boyut değiştiğinde belirtilen geri çağırma fonksiyonu çalıştırılır.

Bu fonksiyon ResizeObserver kullanılarak uygulanır, ancak tekil (singleton) deseni kullandığı için daha iyi performans gösterir.

Kullanım

Fonksiyonu ihtiyacınıza göre içe aktarın:

import { observeResize } from 'mdui/functions/observeResize.js';

Kullanım örneği:

// document.body'nin boyut değişikliklerini izle
const observer = observeResize(document.body, function (entry, observer) {
  // document.body'nin boyutu değişti, yeni boyuta entry üzerinden erişilebilir
  console.log(entry);

  // Bu yöntemi çağırarak izlemeyi durdurabilirsiniz
  observer.unobserve();
});

// Fonksiyonun dönüş değerindeki unobserve yöntemini çağırarak da izlemeyi durdurabilirsiniz
observer.unobserve();

API

observeResize(target: string | HTMLElement | JQ<HTMLElement>, callback: Callback): ObserveResize

target parametresi bir CSS seçici, DOM öğesi veya JQ nesnesi olabilir.

Callback

(entry: ResizeObserverEntry, observer: ObserveResize) => void

Geri çağırma fonksiyonunda this, ObserveResize'ı işaret eder.

ObserveResize

{
  unobserve: () => void;
}