addEventListener学习

本文主要是介绍addEventListener学习，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

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

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

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

 正确写法：

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

这篇关于addEventListener学习的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！