将争论传递给addEventListener中调用的函数

Question

如果我在addEventListener中调用一个函数，如下所示：

document.querySelector('.elem').addEventListener('click', expand);

expand函数接受参数。 我怎样才能将这些论点传递给它？

我试过了

document.querySelector('.elem').addEventListener('click', expand(arg1, arg2, arg3));

但这不起作用。

Answer 1

用匿名函数调用

document.querySelector('.elem').addEventListener('click', function() {
    expand(arg1, arg2, arg3)
}, false);

如果你需要this的值作为元素，你可以使用bind ， apply或call

document.querySelector('.elem').addEventListener('click', function() {
    expand.apply(this, [arg1, arg2, arg3]);
}, false);