Finalizat Redimensionare eveniment - CSS-Tricks

Anonim

Dacă sunteți obișnuit cu ceva de genul jQuery UI resizeable, veți obține evenimente la care vă puteți lega în timpul redimensionării, dar și la sfârșitul redimensionării.

Nu există un astfel de eveniment în JavaScript nativ.

Puteți să-l falsificați setând un timeout pentru a rula codul pe care doriți să îl rulați atunci când redimensionarea se oprește. Apoi, eliminați acest timeout de fiecare dată când se declanșează un eveniment de redimensionare. În acest fel, expirarea se va termina numai dacă expirarea se termină efectiv.

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

Similar cu debouncing.