observeResize

Funkce observeResize slouží ke sledování změn velikosti prvku. Když se velikost změní, zavolá se zadaná callback funkce.

Tato funkce je postavena na ResizeObserver, ale používá singletonový vzor, a proto má lepší výkon.

Způsob použití

Importujte funkci podle potřeby:

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

Příklad použití:

// Naslouchat změnám velikosti document.body
const observer = observeResize(document.body, function (entry, observer) {
  // Velikost document.body se změnila, lze získat novou velikost pomocí entry
  console.log(entry);

  // Voláním této metody lze zrušit naslouchání
  observer.unobserve();
});

// Lze také zrušit naslouchání voláním metody unobserve návratové hodnoty funkce
observer.unobserve();

API

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

Parametr target může být CSS selektor, DOM prvek nebo JQ objekt.

Callback

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

V callback funkci this odkazuje na ObserveResize.

ObserveResize

{
  unobserve: () => void;
}