習慣沉默2017-05-18 10:52:06
为什么这么多人踩?我觉得是个好问题啊,闭包解决之
<button>click</button>
<script>
document.querySelector("button").addEventListener("click", fn('hello world'), false);
function fn(a) {
return function() {
alert(a);
}
}
</script>
给我你的怀抱2017-05-18 10:52:06
btn.addEventListener('click',function(){fn('params')});
function fn(data) {
alert(data)
}
这样试试?
巴扎黑2017-05-18 10:52:06
我没找到addEventListener的函数原型,在平时使用中我的感觉是。
addEventListener在捕捉到触发事件之后,给调用函数名后加()调用。
那么
btn.addEventListener('click',fn,false);
的监听事件addEventListener捕捉到click事件之后,执行的函数便是 fn()
addEventListener有的这个弊端就是它不能添加带参数的括号,即不能捕捉到click之后执行 fn(1,2).
所以平时的时候,我都是使用一个匿名函数function(){fn(1,2)}作为绑定函数。那么代码变成了这样:
btn.addEventListener('click',function(){fn(1,2)},false)
在捕捉到click事件之后,触发的函数便是
function(){fn(1,2)}()
即可实现触发fn(1,2)这样的带参数函数。
对addEventListener函数还不是很熟,欢迎讨论指正。