Concluído o evento de redimensionamento - CSS-Tricks

Anonim

Se você está acostumado com algo como jQuery UI redimensionável, você obtém eventos aos quais pode ligar durante o redimensionamento, mas também no final do redimensionamento.

Esse evento não existe no JavaScript nativo.

Você pode fingir definindo um tempo limite para executar o código que deseja executar quando o redimensionamento for interrompido. Em seguida, limpe esse tempo limite sempre que um evento de redimensionamento for disparado. Dessa forma, o tempo limite só terminará se esse tempo limite realmente terminar.

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

Semelhante ao debouncing.