イベントと引数を別の関数に渡す

Question

イベント情報を変更関数に渡すには、イベントリスナーからかっこなしでchange関数を呼び出す必要があります。

​​

問題は、イベントを渡すだけでなく、引数を渡したいときに発生します。それは、イベントが失敗する引数を追加するときのようです。

どうすれば境界を変更するためにイベントが渡されますが、引数を関数に渡すことができるこのようなものを含めることができますか？

var boxes = document.getElementsByClassName('boxes'); 

for(var i = 0; i < boxes.length; i++){ 
    boxes[i].addEventListener('click', change(10, 20), false); 
} 

function change(e, a, b){ 
    e.target.style.border = '1px solid red'; 
    console.log(a * b); 
} 

助けがあれば助かります。

Answer 1

はそれを無名関数に渡し：

boxes[i].addEventListener('click', function (e) { change(e, 10, 20) }, false); 

Answer 2

var changeFn = function (e) { 
    change(e, 10, 20); 
}; 

を今

boxes[i].addEventListener('click', changeFn, false); 

あなたのクリックイベントに削除イベントリスナーを、これを追加し、この場合には簡単です

boxes[i].removeEventListener('click', changeFn, false);