Snabbreferens

Fusklapp för Harvey.js

Snabbreferens för Harvey.js: tillståndslyssnare för media queries, setup/on/off-callbacks och moderna alternativ som enquire.js.

· Publicerad

Harvey.js är ett lättviktigt JavaScript-hjälpbibliotek för att övervaka och reagera på tillståndsövergångar i CSS media queries.

Användning

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // Körs en gång vid registrering
    },
    on: function () {
      // Körs när media query-villkoret blir sant
      console.log('Entered small viewport');
    },
    off: function () {
      // Körs när media query-villkoret blir falskt
      console.log('Exited small viewport');
    }
  }
);

Arkivanteckning: Harvey.js är föråldrad programvara. Modern webbutveckling använder vanligtvis inbyggda window.matchMedia('(max-width: 600px)')-lyssnare eller enquire.js.

Referenser

Relaterade ämnen