イベントハンドラ（addEventlistner()）で引数を渡す

Table of Contents

ぜひ読んでほしい方

　・JavaScriptのaddEventlisterで引数が必要な関数を呼び出したい方

function func_1(hoge){
    //実行内容
}
element_1.addEventListener('click', {hoge: fuga, handleEvent: func_1});

1

2

3

4

function func_1(hoge){

//実行内容

}

element_1.addEventListener('click', {hoge: fuga, handleEvent: func_1});

　上のコードは、関数func_1を引数にfugaを指定して呼び出す例になります。

　addEventlisterで呼び出す関数に引数が無い場合との違いは、addEventlisterの第2引数の部分になります。

　コードを見ると分かる通り、{引数名：引数の値, handleEvent: 呼び出す関数名}となります。

2021年3月3日

2021年3月7日