Testar media query via JavaScript

16d atrás

0 0

O método matchMedia() dá a possibilidade de testar uma regra media query diretamente no #JavaScript.

O código abaixo verifica se o viewport tem o tamanho de até 768px:

const mediaQuery = matchMedia('(max-width: 768px)');

mediaQuery.matches; // true, se o tamanho do viewport for de até 768px, false, caso contrário

addEventListener

Você pode adicionar um listener para capturar eventuais mudanças:

mediaQuery.addEventListener('change', e => console.log(e));
O código acima executará o callback toda vez que mudar a condição da media query.


Comentários (0)

0/512
Link