2001Yのプロフォール画像

2001Y@Y20010920T

「[JavaScript]addEventListenerで引数が使えない」のアイキャッチ画像

基本的にaddEventListenerで引数が使えないらしいく、毎回忘れるのでメモ。

//OK 引数にはMouseEventが入る
document.addEventListener("mousedown", mousedown);
//NG
document.addEventListener("mousedown", mousedown());
document.addEventListener("mousedown", mousedown("hello"));

function mousedown(e){
  alert(e);
}

引数を指定したい場合は第2引数に

引数を指定したい場合は第二引数(?)に指定してあげると動くみたい。

document.addEventListener("mousedown", {
  handleEvent: mousedown,
  e:"hello"
});
function mousedown(){
   alert(this.e);
}

参考

JavaScript addEventListenerで引数を設定する方法
【JavaScript】addEventListenerで関数に引数をわたす