Détecter un breakpoint avec JavaScript

La fonction breakPointWidth() permet de détecter le point de rupture horizontal le plus élevé.

breakPointWidth()

Retourne le point de rupture horizontale le plus élevé parmi une liste de points de points de ruptures.

Syntaxe

breakPointWidth(points_de_rupture);

Paramètre

points_de_rupture(Array)

Le paramètre points_de_rupture de la fonction breakPointWidth() définit la liste des points de rupture horizontale en pixels qui seront testés pour déterminer le point de rupture le plus élevé.
Si ce paramètre est omis, une liste par défaut sera utilisée. Les valeurs par défaut sont "1920", "1024", "768", "320".

var points_de_rupture = [1920, 1024, 768, 320];

breakPointWidth(points_de_rupture);

// renvoie par exemple : 1024

function breakPointWidth(a) {
  a = a || [1920, 1200, 1024, 768, 320];
  a = a.sort(function(x, y){ return y - x; });
  for (var k = 0, l = a.length; k < l; k++) {
    if (window.matchMedia('(min-width: ' + a[k] + 'px)').matches) {
      return a[k];
    }
  }
  return 0;
}