情况有点像
var someVar = some_other_function();
someObj.addEventListener("click", function(){
some_function(someVar);
}, false);
问题是someVar的值在addEventListener的侦听器函数中是不可见的，在addEventListener中它可能被视为一个新变量。
当前回答
如果我没有弄错的话，使用bind调用函数实际上创建了一个由bind方法返回的新函数。这将在以后给你带来问题，或者如果你想删除事件监听器，因为它基本上就像一个匿名函数:
// Possible:
function myCallback() { /* code here */ }
someObject.addEventListener('event', myCallback);
someObject.removeEventListener('event', myCallback);
// Not Possible:
function myCallback() { /* code here */ }
someObject.addEventListener('event', function() { myCallback });
someObject.removeEventListener('event', /* can't remove anonymous function */);
记住这一点。
如果你正在使用ES6，你可以按照建议做，但更干净一点:
someObject.addEventListener('event', () => myCallback(params));
其他回答
function. prototype.bind()是将目标函数绑定到特定作用域并可选地在目标函数中定义this对象的方法。
someObj.addEventListener("click", some_function.bind(this), false);
或者捕获一些词法范围，例如在循环中:
someObj.addEventListener("click", some_function.bind(this, arg1, arg2), false);
最后，如果目标函数中不需要this参数:
someObj.addEventListener("click", some_function.bind(null, arg1, arg2), false);
你需要:
newElem.addEventListener('click', {
handleEvent: function (event) {
clickImg(parameter);
}
});
这里还有另一种方法(它在for循环中工作):
var someVar = some_other_function();
someObj.addEventListener("click",
function(theVar){
return function(){some_function(theVar)};
}(someVar),
false);
只是想添加。如果有人正在添加一个更新复选框到事件监听器的函数，你将不得不使用事件。目标替换此来更新复选框。
因为你的事件监听器是'click'，你可以:
someObj.setAttribute("onclick", "function(parameter)");
