Snelle referentie

Harvey.js Spiekbriefje

Beknopte referentiegids voor Harvey.js: media query status-listeners, setup/on/off callbacks en moderne alternatieven zoals enquire.js.

· Gepubliceerd

Harvey.js is een lichtgewicht JavaScript-hulpbibliotheek voor het monitoren en reageren op statusovergangen van CSS media queries.

Gebruik

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // Wordt eenmaal uitgevoerd bij registratie
    },
    on: function () {
      // Wordt uitgevoerd wanneer de media query-voorwaarde waar wordt
      console.log('Entered small viewport');
    },
    off: function () {
      // Wordt uitgevoerd wanneer de media query-voorwaarde onwaar wordt
      console.log('Exited small viewport');
    }
  }
);

Archiefnotitie: Harvey.js is verouderde software. Moderne webontwikkeling gebruikt doorgaans native window.matchMedia('(max-width: 600px)') event listeners of enquire.js.

Referenties

Verwante onderwerpen