javascript - btn.addEventListener('click',fn,false); Wie übergebe ich Parameter an fn?

Question

Ich habe es versucht, aber es scheint, als ob es nicht übertragen werden kann? ? ?

Answer 1

为什么这么多人踩？我觉得是个好问题啊，闭包解决之

<button>click</button>
<script>
    document.querySelector("button").addEventListener("click", fn('hello world'), false);
    
    function fn(a) {
        return function() {
            alert(a);
        }
    }
</script>

Answer 2

不知道你想传什么。

不过你可以把fn定义成返回函数的函数。基本能满足需求……

Answer 3

btn.addEventListener('click',function(){fn('params')});
function fn(data) {
    alert(data)
}

这样试试？

Answer 4

document.getElementById('aaa').addEventListener('click', fn('asdadad'), false);

function fn(data) {
    console.info(data);
}

Answer 5

function foo(a, b, c) {}

// 不要这样做
setTimeout('foo(1,2, 3)', 1000)

// 可以使用匿名函数完成相同功能
setTimeout(function() {
    foo(1, 2, 3);
}, 1000)

Answer 6

我没找到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函数还不是很熟，欢迎讨论指正。