javascript - onclick を addEventListener に置き換えます

Question

addEventListener("click"...)for ループで、このレガシー コードを見つけたので、現在の の代わりに使用したいと考えていますonclick。このコードを変換するにはどうすればよいですか? メソッドの 2 番目の引数として関数を渡す方法がわかりませんaddEventListener。

el.onclick = (function() {
                  var value="num"+i;
                  //
                  return function() {test(value);}
})();

Answer 1

2 番目の引数の場所に、=すべて (明らかに最後の を除く)の右側に配置します。;

Answer 2

el.addEventListener("click", function(i) {
    var value="num"+i;          
    return function() {
        test(value);
    };
}(i), false);

Answer 3

el.addEventListener( 'click', function() {
    var value = "num" + i;
    test( value );
}, false );

// If you want named functions
el.addEventListener( 'click', someName, false );
function someName() {
    var value = "num" + i;
    test( value );
}

レガシ コードはwhereが実行されるvalueクロージャを挿入しますが、そこのコードは同じことを行います。test(value)

また、従来のコードではonclickハンドラーが自己実行関数にラップされているため、実際のイベント ハンドラーが返されます。したがって、私が書いたばかりのコードは同じです。