Kurzreferenz

Harvey.js Spickzettel

Kurzreferenz für Harvey.js: Zustands-Listener für Media Queries, setup/on/off-Callbacks und moderne Alternativen wie enquire.js.

· Veröffentlicht

Harvey.js ist eine schlanke JavaScript-Hilfsbibliothek zur Überwachung und Reaktion auf Zustandsübergänge von CSS Media Queries.

Verwendung

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // Wird einmalig bei der Registrierung ausgeführt
    },
    on: function () {
      // Wird ausgeführt, wenn die Media-Query-Bedingung wahr wird
      console.log('Entered small viewport');
    },
    off: function () {
      // Wird ausgeführt, wenn die Media-Query-Bedingung falsch wird
      console.log('Exited small viewport');
    }
  }
);

Archivhinweis: Harvey.js ist Legacy-Software. Moderne Webentwicklung setzt typischerweise auf native window.matchMedia('(max-width: 600px)')-Event-Listener oder enquire.js.

Referenzen

Verwandte Themen