observeResize

Функция observeResize используется для отслеживания изменений размера элемента. При изменении размера выполняется указанная функция обратного вызова.

Эта функция реализована с помощью ResizeObserver, но использует синглтон, что обеспечивает лучшую производительность.

Использование

Импортируйте функцию по мере необходимости:

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

Пример использования:

// Отслеживание изменения размера document.body
const observer = observeResize(document.body, function (entry, observer) {
  // Размер document.body изменился, можно получить новые размеры через entry
  console.log(entry);

  // Вызов метода unobserve для остановки отслеживания
  observer.unobserve();
});

// Также можно остановить отслеживание, вызвав метод unobserve у возвращённого объекта
observer.unobserve();

API

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

Аргумент target может быть CSS-селектором, DOM-элементом или JQ-объектом.

Callback

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

Внутри функции обратного вызова this указывает на ObserveResize.

ObserveResize

{
  unobserve: () => void;
}