[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する | CreativeStyle

タイトルに書いてあることを実現しようとして、少し悩んだのでメモ。 ウインドウのリサイズ操作やjQueryに限らず、短い周期で連続してイベントが発生する場合に、一連の最後のイベントが発生した時にだけ何らかの処理を行いたい時に使えるパターンです。 何も工夫せずに書くと… こんな感じになります。

[glat_design]

resize()とかsetTimeout()とか /

[sometk]

縦・横の回転など、一瞬で処理が終わってしまう場合、１回めがうまくいかない。

[daaaaaai]

なるほど

[solidstatesociety]

インターバルの方は事故って嫌われる大人の階段

[drop_ant]

他にもやり方ないか考えるのも面白いかもしれない

[abetomotomo]

Resizable

[tamoriinu_3]

明日使う

[ledsun]

あー、これこれ

[w7tree]

これ便利。使います。

[homihoo]

リサイズ終了後に実行。リサイズだけだと短い周期で何回も呼ばれてしまう

[shinsaku]

setTimeout使ってwindow.resizeの終了を取得する

[mstokd410]

“ 1234 $(window).resize(function() { console.log('resized'); // 何らかの処理});”

[kkana]

リサイズ終了後に実行する

[hanabi_hibana]

リサイズイベント操作終了時のみ処理を実行する

[sukceson]

スマホリサイズ

[torimoku]

ウィンドウリサイズ後の処理　リサイズが終わった”後”に実行したいとき

[shushoku_maruji]

リサイズ、ウィンドウサイズを変えたときに動作する

[kitokitoki]

「リサイズ操作が終わった時にだけ「何らかの処理」が実行されます。」

[hedeyoshi]

bootstrapとmasonryを組んだ時に使いました。

[makoto_69]

なるほど

[kkeisuke]

clearTimeout setTimeout