[JavaScript]addEventListenerで引数が使えない|2001Y.me

基本的に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で関数に引数をわたす

lightbox