情况有点像
var someVar = some_other_function();
someObj.addEventListener("click", function(){
some_function(someVar);
}, false);
问题是someVar的值在addEventListener的侦听器函数中是不可见的，在addEventListener中它可能被视为一个新变量。
当前回答
我建议你这样做:
var someVar = some_other_function();
someObj.addEventListener("click", (event, param1 = someVar) => {
some_function(param1);
}, false);
其他回答
只是想添加。如果有人正在添加一个更新复选框到事件监听器的函数，你将不得不使用事件。目标替换此来更新复选框。
下面的方法对我很有效。从这里修改。
函数回调(theVar) { 返回函数(){ theVar (); ｝ ｝ 函数some_other_function() { document.body.innerHTML += "made it."; ｝ var someVar = some_other_function; . getelementbyid(“按钮”)。addEventListener(“点击”,回调(someVar)); <！DOCTYPE html > < html > 身体< > <button type="button" id="button">点击我!< / >按钮 < /身体> < / html >
另一种解决方法是使用数据属性
function func(){
console.log(this.dataset.someVar);
div.removeEventListener("click", func);
}
var div = document.getElementById("some-div");
div.setAttribute("data-some-var", "hello");
div.addEventListener("click", func);
斯菲德尔
这个问题很老了，但我想我可以使用ES5的.bind()为后代提供一个替代方案。：）
function some_func(otherFunc, ev) {
// magic happens
}
someObj.addEventListener("click", some_func.bind(null, some_other_func), false);
请注意，您需要设置listener函数，将第一个参数作为传递给bind(您的另一个函数)的参数，第二个参数现在是事件(而不是第一个，因为它本来就是)。
这个解决方案可能很好看
var some_other_function = someVar => function() {
}
someObj.addEventListener('click', some_other_function(someVar));
或者绑定变量也不错
