ラボ > Javascript関連:イベント関連

JavaScriptでウィンドウのリサイズの監視

ウィンドウの「リサイズ中」じゃなくて、「リサイズ完了時」に処理を実行したい

作成日:2017-12-12, 更新日:2018-01-04

基本

「window.onresize = function(){}」で処理自体はOKだけど、このイベントがリサイズ中に発火してしまう。

・・・ということで、リサイズのイベント発生から次のリサイズのイベント発生時の時間を利用する感じ。

var timer = 0;
window.onresize = function () {
  if (0<timer) {
    clearTimeout(timer);
  }
  timer = setTimeout(function () {
    ~ リサイズ時の処理 ~
  }, 200);
};