Breakpoint Events

Avec le responsive de partout, il est parfois nécessaire de faire certaines actions pour certaines tailles d'écran

J'ai fais un fichier de démo qui contient plusieurs breakpoints de tests, vous pouvez bien sur spécifier ce que vous souhaitez.

J'ai aussi ajouté une variable "globale" qui permet a tout instant de savoir sur quel breakpoint on est

On les utilise comme des listeners classique : document.addEventListener()...
J'ai fais un event de changement (quelque soit la taille) ainsi qu'un event par taille definie,

Vis-à-vis du fichier de démo, vous avez donc accès aux évènements : breakpointChange, breakpointXL, breakpointL, breakpointM, breakpointS, breakpointXS.
=> ce sont bien sur des tailles subjectives... à vous de mettre celles qui vous intéressent.

Chaque listener aura accès à detail.size qui sera la taille du breakpoint en cours
et breakpointChange aura en plus detail.previous