将参数传递给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);