场景：给input框添加事件，但是里面的function得抽取出来复用，并且这个function还要传递参数

userId.addEventListener('input', idTest(userId.value));

这种写法是错误的，此时页面只会触发一次这个idTest方法，value为空。

addEventListener学习_复用

 

 

 正确写法：

userId.addEventListener('input', function (e) {
    idTest(userId.value);
});

上面是传递参数的写法，

当不传递参数时，可以这样写：

userId.addEventListener('input', idTest);

addEventListener内可以传三个参数，具体见文档

mdn文档地址：https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget/addEventListener