for文内でイベント処理

Question

for文内でイベントハンドラもしくはリスナーを使いイベント処理をしたいのですが上手くいきません。
例えば

for(i=0; i<3; i++){
  window.onscroll = function(){
    if(条件){
      処理
    }
}

で条件と処理にカウンタ変数iの値を保持し処理が終わったら加算されるといった処理をしたいのですが
こういった場合どうすればいいのでしょうか？

Answer 1

結論から書きますと、forとリスナーを組み合わせるのは無理だと思います。
なぜなら、window.onscroll = function(){~~}この処理はあくまでリスナーをセットしてるだけだからです。
つまりforはそのイベントが実際に起ころうと、起こらまいと、リスナーのセットが完了した時点で次のループに行ってしまいます。

代替案として以下の様な処理はどうでしょうか？

(function() {
    var counter = 0;  // カウンタ変数
    window.onscroll = function() {
        if (true) {  // お好みの条件
            // 処理
        }
    };
})();

Comments

[SmithTarou]

お礼が遅れてしまい申し訳ありませんでした、ありがとうございます。
代替案を使用させていただきます。