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

Question

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

情况有点像-

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

问题是someVar对象的侦听器函数中不可见。addEventListener，它可能被当作一个新的变量来处理。

Answer 1

为什么不直接从事件的目标属性获取参数呢？例子：var someInput = document.querySelector('input');someInput.addEventListener('click', myFunc, false); someInput.myParam = 'This is my parameter';function myFunc(evt){   window.alert( evt.target.myParam );}JavaScript是一种面向原型的语言，记住！

Answer 2

这个问题由来已久，但我想我可以用ES5的.BIND()为后人提供一个替代方案。*)function some_func(otherFunc, ev) {     // magic happens}someObj.addEventListener("click", some_func.bind(null, some_other_func), false);请注意，您需要使用第一个Param作为传入BIND的参数(另一个函数)来设置侦听器函数，而第二个Param现在是事件(而不是原来的第一个)。