我不明白你的代码到底想做什么，但你可以使用函数闭包的优点在任何事件处理程序中提供变量：

function addClickHandler(elem, arg1, arg2) {
    elem.addEventListener('click', function(e) {
        // in the event handler function here, you can directly refer
        // to arg1 and arg2 from the parent function arguments
    }, false);
}

根据您的确切编码情况，您几乎总是可以使某种闭包为您保留对变量的访问。

根据您的评论，如果您要完成的是：

element.addEventListener('click', func(event, this.elements[i]))

然后，您可以使用自执行函数 (IIFE) 执行此操作，该函数在闭包执行时捕获您想要的参数并返回实际的事件处理函数：

element.addEventListener('click', (function(passedInElement) {
    return function(e) {func(e, passedInElement); };
}) (this.elements[i]), false);

有关 IIFE 如何工作的更多信息，请参阅这些其他参考资料：

匿名函数中的Javascript包装代码

JavaScript 中的立即调用函数表达式 (IIFE) - 传递 jQuery

JavaScript 自执行匿名函数的好用例是什么？

最后一个版本可能更容易看出它在做什么：

// return our event handler while capturing an argument in the closure
function handleEvent(passedInElement) {
    return function(e) {
        func(e, passedInElement); 
    };
}

element.addEventListener('click', handleEvent(this.elements[i]));

也可以用于.bind()向回调添加参数。您传递给的任何参数都.bind()将被添加到回调本身将具有的参数之前。所以，你可以这样做：

elem.addEventListener('click', function(a1, a2, e) {
    // inside the event handler, you have access to both your arguments
    // and the event object that the event handler passes
}.bind(elem, arg1, arg2));

这是一个古老的问题，但很常见。所以让我在这里添加这个。

使用箭头函数语法，您可以更简洁地实现它，因为它是词法绑定的并且可以链接。

箭头函数表达式是正则函数表达式的一种语法紧凑的替代方案，尽管它自身没有绑定到 this、arguments、super 或 new.target 关键字。

const event_handler = (event, arg) => console.log(event, arg);
el.addEventListener('click', (event) => event_handler(event, 'An argument'));

如果您需要清理事件侦听器：

// Let's use use good old function sytax
function event_handler(event, arg) {
  console.log(event, arg);
}

// Assign the listener callback to a variable
var doClick = (event) => event_handler(event, 'An argument'); 

el.addEventListener('click', doClick);

// Do some work...

// Then later in the code, clean up
el.removeEventListener('click', doClick);

这是疯狂的单线：

// You can replace console.log with some other callback function
el.addEventListener('click', (event) => ((arg) => console.log(event, arg))('An argument'));

更温顺的版本：更适合任何理智的工作。

el.addEventListener('click', (event) => ((arg) => {
  console.log(event, arg);
})('An argument'));

您可以尝试使用 bind 方法，我认为这可以实现您的要求。如果不出意外，它仍然非常有用。

function doClick(elem, func) {
  var diffElem = document.getElementById('some_element'); //could be the same or different element than the element in the doClick argument
  diffElem.addEventListener('click', func.bind(diffElem, elem))
}

function clickEvent(elem, evt) {
  console.log(this);
  console.log(elem); 
  // 'this' and elem can be the same thing if the first parameter 
  // of the bind method is the element the event is being attached to from the argument passed to doClick
  console.log(evt);
}

var elem = document.getElementById('elem_to_do_stuff_with');
doClick(elem, clickEvent);

鉴于对原始问题的更新，似乎在传递事件处理程序时上下文（“this”）存在问题。基础知识在这里解释，例如 http://www.w3schools.com/js/js_function_invocation.asp

您的示例的简单工作版本可以阅读

var doClick = function(event, additionalParameter){
    // do stuff with event and this being the triggering event and caller
}

element.addEventListener('click', function(event)
{
  var additionalParameter = ...;
  doClick.call(this, event, additionalParameter );
}, false);

另请参阅 Javascript call() & apply() 与 bind()？

简答：

x.addEventListener("click", function(e){myfunction(e, param1, param2)});

... 

function myfunction(e, param1, param1) {
    ... 
}