observeResize

La fonction observeResize permet d'observer les changements de taille d'un élément. La fonction de rappel spécifiée est exécutée lorsque la taille change.

Cette fonction utilise ResizeObserver en mode singleton, ce qui la rend plus performante.

Utilisation

Importez la fonction selon vos besoins :

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

Exemple d'utilisation :

// Observe les changements de taille de document.body
const observer = observeResize(document.body, function (entry, observer) {
  // La taille de document.body a changé
  console.log(entry);

  // Appelez unobserve pour arrêter l'observation
  observer.unobserve();
});

// Vous pouvez aussi appeler unobserve via l'objet retourné
observer.unobserve();

API

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

Le paramètre target peut être un sélecteur CSS, un élément DOM, ou un objet JQ.

Callback

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

Dans la fonction de rappel, this fait référence à l'objet ObserveResize.

ObserveResize

{
  unobserve: () => void;
}