jquery - ウィンドウの「サイズ変更」を停止するときに関数を呼び出すことはできますか?

Question

重複の可能性：
サイズ変更ハンドルのドラッグ中にJavaScriptのサイズ変更イベントが複数回発生する

試した：

$(window).bind('load resize', function (e) {
    console.log("resized");
});

しかし、ウィンドウの小さな動きごとに「サイズ変更」と書かれていました。ウィンドウのサイズ変更を終了 (停止) したときにのみ、関数 (この例では console.log()) を呼び出すことはできますか?

ありがとうございました！

Answer 1

おそらく、次の 100 ミリ秒以内に新しいサイズ変更イベントがない場合、サイズ変更が終了したと定義するだけです。このような：

var resizeEnd;
$(window).bind('resize', function(e) {
    clearTimeout(resizeEnd);
    resizeEnd = setTimeout(function() {
        console.log("resized");
    }, 100);
});

Answer 2

ウィンドウのサイズが変更されている間は Resize が継続的に発生し、サイズが変更されていないときは発生しませんでした。そのため、継続的なサイズ変更がいつ停止したかを認識する方法はないため、サイズ変更イベントの発生時に機能するロジックに固執してください。