Événement de redimensionnement terminé - Astuces CSS

Anonim

Si vous êtes habitué à quelque chose comme jQuery UI redimensionnable, vous obtenez des événements auxquels vous pouvez vous lier pendant le redimensionnement, mais aussi à la fin du redimensionnement.

Aucun événement de ce type n'existe dans JavaScript natif.

Vous pouvez le simuler en définissant un délai d'expiration pour exécuter le code que vous souhaitez exécuter lorsque le redimensionnement s'arrête. Puis effacez ce délai chaque fois qu'un événement de redimensionnement se déclenche. De cette façon, le délai d'expiration ne se terminera que si ce délai se termine réellement.

var resizeTimer; $(window).on('resize', function(e) ( clearTimeout(resizeTimer); resizeTimer = setTimeout(function() ( // Run code here, resizing has "stopped" ), 250); ));

Similaire à la suppression.