Đã hoàn tất sự kiện thay đổi kích thước - Thủ thuật CSS

Nếu bạn đã quen với thứ gì đó như giao diện người dùng jQuery có thể thay đổi kích thước, bạn sẽ nhận được các sự kiện mà bạn có thể liên kết trong quá trình thay đổi kích thước, nhưng cũng khi kết thúc việc thay đổi kích thước.

Không có sự kiện nào như vậy tồn tại trong JavaScript gốc.

Bạn có thể giả mạo nó bằng cách đặt thời gian chờ để chạy mã bạn muốn chạy khi dừng thay đổi kích thước. Sau đó, xóa thời gian chờ đó mỗi khi kích hoạt sự kiện thay đổi kích thước. Bằng cách đó, thời gian chờ sẽ chỉ kết thúc nếu thời gian chờ đó thực sự kết thúc.

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

Tương tự như debouncing.