Έγινε αλλαγή μεγέθους συμβάντος - CSS-Κόλπα

Anonim

Εάν είστε συνηθισμένοι σε κάτι όπως το μέγεθος του jQuery UI, λαμβάνετε συμβάντα στα οποία μπορείτε να δεσμεύσετε κατά τη διάρκεια της αλλαγής μεγέθους, αλλά και στο τέλος της αλλαγής μεγέθους.

Δεν υπάρχει τέτοιο συμβάν στην εγγενή JavaScript.

Μπορείτε να το πλαστογραφήσετε ρυθμίζοντας ένα χρονικό όριο για να εκτελέσετε τον κώδικα που θέλετε να εκτελέσετε όταν σταματάει το μέγεθος. Στη συνέχεια, καθαρίστε αυτό το χρονικό όριο κάθε φορά που ενεργοποιείται ένα συμβάν αλλαγής μεγέθους. Με αυτόν τον τρόπο, το χρονικό όριο λήξης θα ολοκληρωθεί μόνο εάν το χρονικό όριο λήξει.

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

Παρόμοια με την ανατροπή.