Javascript - オブジェクトを変更させるaddEventListenerのパラメータを渡しますか？

Question

これは説明が難しいかもしれませんので、私にご負担ください。

for (var i = 0; i < this.array.length; i++) { 
    var object = this; 
    (function(object, i) { 
    object.array[i].addEventListener(event, function() { 
     func(i) 
    }, false) 
    }(object, i)); 
} 

ここでの配列は、クエリセレクタを使用して作成されたHTML要素の集まりです。

このコードは、プロトタイプメソッド内で保持され、パラメータ 'func'が渡されます。 'func'に渡される値は無名関数です。

上記のコードを使用すると、カウンタ 'i'を匿名関数に正常に渡すことができます。

他のメソッドの1つは、要素の配列に対してJavascriptのparentNode関数を使用します。ここに問題があります。上記のコードでは、配列要素がオブジェクトではないというエラーが発生しています。

ただし、このコードを使用するとエラーは発生しません。

for (var i = 0; i < this.array.length; i++) { 
    var object = this; 
    (function(object, i) { 
    object.array[i].addEventListener(event, func, false) 
    }(object, i)); 
} 

だから、何らかの理由では、addEventListenerで無名関数でラッピング「funcが」配列要素を変更している、少なくともあるように思われます。しかし、それは意味をなさないと思われますか？

Answer 1

  (function (object,i) { 

      object.array[i].addEventListener('click', 

      function(event){ 
      var targetElement = event.target || event.srcElement; 
      func(targetElement,i); 
      }, 

      false); 

      }(object,i)); 

私の必要に応じて要素。

Answer 2

ここではバインドを使用できます。

チェック

for (var i = 0; i < this.array.length; i++) { 
    var object = this; 
    object[array[i]].addEventListener('click', fun.bind(this, i), f‌alse); 
} 

function func(i) { 
    alert(i); 
} 

はそれが役に立てば幸いこのスニペット

これは私がクリックされたのはparentNodeを参照することができ、動的機能にイベントを渡すことによって、最終的には私のために働いていたものです