如何将参数传递给 addEventListener 侦听器函数？

Question

情况有点像——

var someVar = some_other_function();
someObj.addEventListener("click", function(){
    some_function(someVar);
}, false);

问题是 someVar 的值在 addEventListener 的侦听器函数中不可见，它可能被视为新变量。

原文由 Abhishek Yadav 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您编写的代码绝对没有问题。 some_function 和 someVar 都应该是可访问的，以防它们在匿名的上下文中可用

function() { some_function(someVar); }

被创建。

检查警报是否为您提供了您一直在寻找的值，确保它可以在匿名函数的范围内访问（除非您有更多代码在调用 addEventListener 旁边的同一个 someVar 变量上运行）

 var someVar;
 someVar = some_other_function();
 alert(someVar);
 someObj.addEventListener("click", function(){
 some_function(someVar);
 }, false);

原文由 Sergey Ilinsky 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

为什么不直接从事件的目标属性中获取参数呢？

例子：

 const someInput = document.querySelector('button');
someInput.addEventListener('click', myFunc, false);
someInput.myParam = 'This is my parameter';
function myFunc(evt)
{
  window.alert(evt.currentTarget.myParam);
}

 <button class="input">Show parameter</button>

JavaScript 是一种面向原型的语言，记住！

原文由 Zaloz 发布，翻译遵循 CC BY-SA 4.0 许可协议