Vérifier une requête média CSS avec JavaScript

La fonction mediaQueryIs() permet de vérifier une requête média CSS.

mediaQueryIs()

Retourne une valeur booléenne indiquant si la valeur d'une propriété CSS respecte une requête média.

Syntaxe

mediaQueryIs(propriete, valeur);

Paramètres

propriete(String)

Le paramètre propriete de la fonction mediaQueryIs() définit la propriété CSS dont la valeur sera vérifiée.

valeur(String)

Le paramètre valeur de la fonction mediaQueryIs() définit la valeur de la propriété CSS de la requête média qui sera vérifiée.

Valeur de retour

true(Boolean)

La valeur de retour false de la fonction mediaQueryIs() est renvoyée si la valeur de la propriété CSS de la requête média est respectée.

false(Boolean)

La valeur de retour false de la fonction mediaQueryIs() est renvoyée si la valeur de la propriété CSS de la requête média n'est pas respectée.

var propriete = 'min-width';
var valeur    = '1000px';

mediaQueryIs(propriete, valeur);
// Renvoie : true si la taille d'écran est > 1000px, sinon false

function mediaQueryIs(k, v) {
  return window.matchMedia('('+k+': '+v+')').matches;
}