addEventListener学习

场景:给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

 

上一篇:@Param注解的使用和解析


下一篇:实战:第一章:防止其他人通过用户的url访问用户私人数据