Fertig Größenänderungsereignis - CSS-Tricks

Anonim

Wenn Sie es gewohnt sind, die Größe von jQuery UI zu ändern, erhalten Sie Ereignisse, an die Sie während der Größenänderung, aber auch am Ende der Größenänderung binden können.

In nativem JavaScript ist kein solches Ereignis vorhanden.

Sie können es vortäuschen, indem Sie eine Zeitüberschreitung festlegen, um den Code auszuführen, den Sie ausführen möchten, wenn die Größenänderung stoppt. Deaktivieren Sie dieses Zeitlimit jedes Mal, wenn ein Größenänderungsereignis ausgelöst wird. Auf diese Weise wird das Zeitlimit nur beendet, wenn dieses Zeitlimit tatsächlich endet.

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

Ähnlich wie beim Entprellen.