observeResize

Az observeResize függvény egy elem méretváltozásait figyeli. Amikor a méret megváltozik, meghívja a megadott callbacket.

Ez a függvény a ResizeObserver segítségével valósul meg, de egypéldányos (singleton) mintát használ, így jobb a teljesítménye.

Használat

A függvény importálása:

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

Példa:

// A document.body méretváltozásának figyelése
const observer = observeResize(document.body, function (entry, observer) {
  // Ekkor a document.body mérete megváltozott, az entry-n keresztül lekérheti az új méretet
  console.log(entry);

  // A metódus meghívásával megszüntetheti a figyelést
  observer.unobserve();
});

// A függvény visszatérési értékének unobserve metódusával is megszüntetheti a figyelést
observer.unobserve();

API

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

A target paraméter lehet CSS szelektor, DOM elem vagy JQ objektum.

Callback

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

A visszahívási függvényben a this az ObserveResize objektumra mutat.

ObserveResize

{
  unobserve: () => void;
}