JavaScriptのaddEventListenerで呼び出す関数に引数を渡す

通例のaddEventListener

let 変数    =   document.getElementById("要素ID");
変数.addEventListener("click",myFunc,false);

myFunc  =   ()  =>
{
    目的の処理
}

要素がクリックされた時にmyFunc関数を読み出すコードです。

ありがちだけど動作しないaddEventListener

let 変数    =   document.getElementById("要素ID");
変数.addEventListener("click",myFunc(値),false);

書きたくなるけどこれは動作しません。

myFuncの戻り値が引数と判断されるのです。

ならば、どうすれば？

簡単な方法は無いでしょうか？。

無名関数を利用してのaddEventListener

方法は幾つかありますが、簡単な方法は無名関数を利用す方法です。

let 変数    =   document.getElementById("要素ID");
変数.addEventListener("click",function()
{
    myFunc(値);
},false);

これで引数を渡すことが可能です。