IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Téléchargé 6 fois
Vote des utilisateurs
0 
0 
Détails
Licence : Libre
Mise en ligne le 27 avril 2020
Plate-formes : Android, BlackBerry, iOS, Linux, Mac, Symbian, Windows, Windows Phone
Langue : Français
Référencé dans
Navigation

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
Nos ressources disponibles
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
Developpez.com décline toute responsabilité quant à l'utilisation des différents éléments téléchargés.