blocks|key|1700273|text|你所写的代码绝对没有任何错误。some_function和someVar都应该是可访问的，以防它们在匿名的上下文中可用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1700274|function()+{+some_function(someVar);+}+|code-block|syntax|javascript|1700275|被创建了。|1700276|检查警报是否给出了您一直在寻找的值，确保它在匿名函数的作用域中是可访问的(除非您有更多的代码在addEventListener调用旁边的同一个someVar变量上操作)|1700277|var+someVar;+
someVar+=+some_other_function();
alert(someVar);
someObj.addEventListener("click",+function(){
++++some_function(someVar);
},+false);|1700278|entityMap^0|F|D|T|7|0|0|0|1B|G|1Z|7|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

There is absolutely nothing wrong with the code you've written. Both <code>some_function</code> and <code>someVar</code> should be accessible, in case they were available in the context where anonymous 

<pre><code>function() { some_function(someVar); } 
</code></pre>

was created. 

Check if the alert gives you the value you've been looking for, be sure it will be accessible in the scope of anonymous function (unless you have more code that operates on the same <code>someVar</code> variable next to the call to <code>addEventListener</code>)

<pre><code>var someVar; 
someVar = some_other_function();
alert(someVar);
someObj.addEventListener("click", function(){
 some_function(someVar);
}, false);
</code></pre>

blocks|key|1700727|text|为什么不直接从事件的target属性中获取参数呢？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1700728|示例：|1700729|​|1700730|const+someInput+=+document.querySelector('button');
someInput.addEventListener('click',+myFunc,+false);
someInput.myParam+=+'This+is+my+parameter';
function+myFunc(evt)
{
++window.alert(evt.currentTarget.myParam);
}|code-block|syntax|javascript|1700731|<button+class="input">Show+parameter</button>|1700732|1700733|记住，JavaScript是一种面向原型的语言！|1700734|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|U|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|H|7|V|8|@]|9|@]|A|$I|J]]|$1|M|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|X|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

Why not just get the arguments from the target attribute of the event?

Example:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const someInput = document.querySelector('button');
someInput.addEventListener('click', myFunc, false);
someInput.myParam = 'This is my parameter';
function myFunc(evt)
{
 window.alert(evt.currentTarget.myParam);
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button class="input"&gt;Show parameter&lt;/button&gt;</code></pre>
</div>
</div>


JavaScript is a prototype-oriented language, remember!

blocks|key|1700828|text|这个问题很老了，但我想我应该为后人提供一个使用es5的.bind()的替代方案。:)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1700829|function+some_func(otherFunc,+ev)+{
++++//+magic+happens
}
someObj.addEventListener("click",+some_func.bind(null,+some_other_func),+false);|code-block|syntax|javascript|1700830|只需注意，您需要将第一个参数作为传递给bind+(另一个函数)的参数设置侦听器函数，第二个参数现在是事件(而不是原来的第一个)。|1700831|entityMap^0|R|7|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

This question is old but I thought I'd offer an alternative using ES5's <code>.bind()</code> - for posterity. :)
<pre><code>function some_func(otherFunc, ev) {
 // magic happens
}
someObj.addEventListener(&quot;click&quot;, some_func.bind(null, some_other_func), false);
</code></pre>
Just be aware that you need to set up your listener function with the first param as the argument you're passing into bind (your other function) and the second param is now the event (instead of the first, as it would have been).

blocks|key|1701489|text|这是个老生常谈的问题，但我今天也遇到了同样的问题。我发现最干净的解决方案是使用currying.的概念|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1701490|代码如下：|1701491|someObj.addEventListener('click',+some_function(someVar));

var+some_function+=+function(someVar)+{
++++return+function+curried_func(e)+{
++++++++//+do+something+here
++++}
}|code-block|syntax|javascript|1701492|通过命名curried函数，它允许您在以后执行时调用Object.removeEventListener来注销eventListener。|1701493|entityMap|0|LINK|mutability|MUTABLE|url|https://en.wikipedia.org/wiki/Currying^0|13|9|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Quite and old question but I had the same issue today. Cleanest solution I found is to use the concept of <a href="https://en.wikipedia.org/wiki/Currying" rel="noreferrer">currying.</a>

The code for that:

<pre><code>someObj.addEventListener('click', some_function(someVar));

var some_function = function(someVar) {
 return function curried_func(e) {
 // do something here
 }
}
</code></pre>

By naming the curried function it allows you to call Object.removeEventListener to unregister the eventListener at a later execution time.

blocks|key|1485920|text|你可以只用‘bind’绑定所有必要的参数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485921|root.addEventListener('click',+myPrettyHandler.bind(null,+event,+arg1,+...+));|code-block|syntax|javascript|1485922|通过这种方式，您将始终将event、arg1和其他内容传递给myPrettyHandler。|offset|length|style|CODE|1485923|http://passy.svbtle.com/partial-application-in-javascript-using-bind|1485924|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|C|5|I|4|U|F|0|0|1W|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|X|8|@$I|Y|J|Z|K|L]|$I|10|J|11|K|L]|$I|12|J|13|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|14|8|@]|9|@$I|15|J|16|1|17]]|A|$]]|$1|O|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|N]]]]

You can just bind all necessary arguments with 'bind':

<pre><code>root.addEventListener('click', myPrettyHandler.bind(null, event, arg1, ... ));
</code></pre>

In this way you'll always get the <code>event</code>, <code>arg1</code>, and other stuff passed to <code>myPrettyHandler</code>.

<a href="http://passy.svbtle.com/partial-application-in-javascript-using-bind" rel="noreferrer">http://passy.svbtle.com/partial-application-in-javascript-using-bind</a>

blocks|key|1485372|text|您可以通过将函数声明为变量来添加和删除带有参数的事件侦听器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485373|myaudio.addEventListener('ended',funcName=function(){newSrc(myaudio)},false);|offset|length|style|CODE|1485374|newSrc是以myaudio为参数的方法，funcName是函数名称变量|1485375|可以使用myaudio.removeEventListener('ended',func,false);删除监听器|1485376|entityMap^0|0|0|25|0|0|6|M|8|0|4|1C|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@$D|X|E|Y|F|G]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|M|$]]

You can add and remove eventlisteners with arguments by declaring a function as a variable.

<code>myaudio.addEventListener('ended',funcName=function(){newSrc(myaudio)},false);</code>

<code>newSrc</code> is the method with myaudio as parameter
<code>funcName</code> is the function name variable

You can remove the listener with 
 <code>myaudio.removeEventListener('ended',func,false);</code>

blocks|key|1701439|text|您可以通过名为closure的javascript功能按值(而不是引用)传递某些变量|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1701440|var+someVar='origin';
func+=+function(v){
++++console.log(v);
}
document.addEventListener('click',function(someVar){
+++return+function(){func(someVar)}
}(someVar));
someVar='changed'|code-block|syntax|javascript|1701441|或者，您可以编写一个通用的包装函数，如wrapEventCallback|style|CODE|1701442|function+wrapEventCallback(callback){
++++var+args+=+Array.prototype.slice.call(arguments,+1);
++++return+function(e){
++++++++callback.apply(this,+args)
++++}
}
var+someVar='origin';
func+=+function(v){
++++console.log(v);
}
document.addEventListener('click',wrapEventCallback(func,someVar))
someVar='changed'|1701443|这里的wrapEventCallback(func,var1,var2)类似于：|1701444|func.bind(null,+var1,var2)|1701445|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures^0|7|7|0|0|0|J|H|0|0|3|X|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|15|8|@$A|16|B|17|K|L]]|9|@]|C|$]]|$1|M|3|N|5|F|7|18|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|19|8|@$A|1A|B|1B|K|L]]|9|@]|C|$]]|$1|Q|3|R|5|F|7|1C|8|@]|9|@]|C|$G|H]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

You could pass somevar by value(not by reference) via a javascript feature known as <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures" rel="noreferrer">closure</a>:

<pre><code>var someVar='origin';
func = function(v){
 console.log(v);
}
document.addEventListener('click',function(someVar){
 return function(){func(someVar)}
}(someVar));
someVar='changed'
</code></pre>

Or you could write a common wrap function such as <code>wrapEventCallback</code>:

<pre><code>function wrapEventCallback(callback){
 var args = Array.prototype.slice.call(arguments, 1);
 return function(e){
 callback.apply(this, args)
 }
}
var someVar='origin';
func = function(v){
 console.log(v);
}
document.addEventListener('click',wrapEventCallback(func,someVar))
someVar='changed'
</code></pre>

Here <code>wrapEventCallback(func,var1,var2)</code> is like: 

<pre><code>func.bind(null, var1,var2)
</code></pre>

blocks|key|1701682|text|不错的单行替代方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701683|element.addEventListener('dragstart',(evt)+=>+onDragStart(param1,+param2,+param3,+evt));|code-block|syntax|javascript|1701684|function+onDragStart(param1,+param2,+param3,+evt)+{

+//some+action...

}|1701685|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|M|8|@]|9|@]|A|$E|F]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

nice one line alternative

<pre><code>element.addEventListener('dragstart',(evt) =&gt; onDragStart(param1, param2, param3, evt));
</code></pre>

<pre><code>function onDragStart(param1, param2, param3, evt) {

 //some action...

}
</code></pre>

blocks|key|1700899|text|Function.prototype.bind()是一种将目标函数绑定到特定作用域并在目标函数中选择性地定义this对象的方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1700900|someObj.addEventListener("click",+some_function.bind(this),+false);|code-block|syntax|javascript|1700901|或者捕获一些词法作用域，例如在循环中：|1700902|someObj.addEventListener("click",+some_function.bind(this,+arg1,+arg2),+false);|1700903|最后，如果目标函数中不需要this参数：|1700904|someObj.addEventListener("click",+some_function.bind(null,+arg1,+arg2),+false);|1700905|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind^0|1I|4|0|P|0|0|0|0|0|D|4|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|17|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|1D|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Function/bind" rel="noreferrer">Function.prototype.bind()</a> is the way to bind a target function to a particular scope and optionally define the <code>this</code> object within the target function.

<pre><code>someObj.addEventListener("click", some_function.bind(this), false);
</code></pre>

Or to capture some of the lexical scope, for example in a loop:

<pre><code>someObj.addEventListener("click", some_function.bind(this, arg1, arg2), false);
</code></pre>

Finally, if the <code>this</code> parameter is not needed within the target function:

<pre><code>someObj.addEventListener("click", some_function.bind(null, arg1, arg2), false);
</code></pre>

blocks|key|1701187|text|这是另一种方式(这种方式在for循环中有效)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701188|var+someVar+=+some_other_function();
someObj.addEventListener("click",+

function(theVar){
++++return+function(){some_function(theVar)};
}(someVar),

false);|code-block|syntax|javascript|1701189|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here's yet another way (This one works inside for loops):

<pre><code>var someVar = some_other_function();
someObj.addEventListener("click", 

function(theVar){
 return function(){some_function(theVar)};
}(someVar),

false);
</code></pre>

blocks|key|1485291|text|someVar值应仅在some_function()+context中可访问，而不能从监听程序的中访问。如果希望在监听程序中访问该值，则必须执行以下操作：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1485292|someObj.addEventListener("click",
+++++++++++++++++++++++++function(){
+++++++++++++++++++++++++++++var+newVar+=+someVar;
+++++++++++++++++++++++++++++some_function(someVar);
+++++++++++++++++++++++++},
+++++++++++++++++++++++++false);|code-block|syntax|javascript|1485293|并改用newVar。|1485294|另一种方法是从some_function()返回someVar值，以便在侦听器中进一步使用它(作为新的本地变量)：|1485295|var+someVar+=+some_function(someVar);|1485296|entityMap^0|0|7|B|F|0|0|3|6|0|7|F|O|7|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|R|$]]

<code>someVar</code> value should be accessible only in <code>some_function()</code> context, not from listener's.
If you like to have it within listener, you must do something like:

<pre><code>someObj.addEventListener("click",
 function(){
 var newVar = someVar;
 some_function(someVar);
 },
 false);
</code></pre>

and use <code>newVar</code> instead.

The other way is to return <code>someVar</code> value from <code>some_function()</code> for using it further in listener (as a new local var):

<pre><code>var someVar = some_function(someVar);
</code></pre>

blocks|key|1485558|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485559|+++el.addEventListener('click',
++++function(){
++++++++//+this+will+give+you+the+id+value+
++++++++alert(this.id);++++
++++},
false);|code-block|syntax|javascript|1485560|如果您想要将任何自定义值传递到这个匿名函数中，那么最简单的方法是|1485561|+//+this+will+dynamically+create+property+a+property
+//+you+can+create+anything+like+el.<your++variable>
+el.myvalue+=+"hello+world";
+el.addEventListener('click',
++++function(){
++++++++//this+will+show+you+the+myvalue+
++++++++alert(el.myvalue);
++++++++//+this+will+give+you+the+id+value+
++++++++alert(this.id);++++
++++},
false);|1485562|在我的项目中效果很好。希望这能有所帮助|1485563|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Use 

<pre><code> el.addEventListener('click',
 function(){
 // this will give you the id value 
 alert(this.id); 
 },
false);
</code></pre>

And if you want to pass any custom value into this anonymous function then the easiest way to do it is 

<pre><code> // this will dynamically create property a property
 // you can create anything like el.&lt;your variable&gt;
 el.myvalue = "hello world";
 el.addEventListener('click',
 function(){
 //this will show you the myvalue 
 alert(el.myvalue);
 // this will give you the id value 
 alert(this.id); 
 },
false);
</code></pre>

Works perfectly in my project. Hope this will help

blocks|key|1701599|text|如果我没记错的话，使用bind调用函数实际上会创建一个由bind方法返回的新函数。这将在以后给您带来问题，或者如果您想删除事件侦听器，因为它基本上就像一个匿名函数：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1701600|//+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+*/);|code-block|syntax|javascript|1701601|所以请记住这一点。|1701602|如果您使用的是ES6，您可以按照建议执行相同的操作，但更简洁一些：|1701603|someObject.addEventListener('event',+()+=>+myCallback(params));|1701604|entityMap^0|B|4|S|4|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

If I'm not mistaken using calling the function with <code>bind</code> actually creates a new function that is returned by the <code>bind</code> method. This will cause you problems later or if you would like to remove the event listener, as it's basically like an anonymous function:

<pre><code>// 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 */);
</code></pre>

So take that in mind.

If you are using ES6 you could do the same as suggested but a bit cleaner:

<pre><code>someObject.addEventListener('event', () =&gt; myCallback(params));
</code></pre>

blocks|key|1486580|text|++++$form.addEventListener('submit',+save.bind(null,+data,+keyword,+$name.value,+myStemComment));
++++function+save(data,+keyword,+name,+comment,+event)+{|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1486581|这就是我让事件正确传递的方法。|unstyled|1486582|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code> $form.addEventListener('submit', save.bind(null, data, keyword, $name.value, myStemComment));
 function save(data, keyword, name, comment, event) {
</code></pre>

This is how I got event passed properly.

blocks|key|1701970|text|执行此操作的一种简单方法可能是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701971|++++window.addEventListener('click',+(e)+=>+functionHandler(e,+...args));|code-block|syntax|javascript|1701972|这对我很有效。|1701973|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

one easy way to execute that may be this
<pre><code> window.addEventListener('click', (e) =&gt; functionHandler(e, ...args));
</code></pre>
Works for me.

blocks|key|1486199|text|向eventListener的回调函数发送参数需要创建一个隔离函数并将参数传递给该隔离函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1486200|这里有一个很好的小帮手函数，你可以使用。基于上面的"hello+world“示例。)|1486201|还需要做的一件事是维护对函数的引用，这样我们就可以干净利落地删除侦听器。|1486202|//+Lambda+closure+chaos.
//
//+Send+an+anonymous+function+to+the+listener,+but+execute+it+immediately.
//+This+will+cause+the+arguments+are+captured,+which+is+useful+when+running+
//+within+loops.
//
//+The+anonymous+function+returns+a+closure,+that+will+be+executed+when+
//+the+event+triggers.+And+since+the+arguments+were+captured,+any+vars+
//+that+were+sent+in+will+be+unique+to+the+function.

function+addListenerWithArgs(elem,+evt,+func,+vars){
++++var+f+=+function(ff,+vv){
++++++++++++return+(function+(){
++++++++++++++++ff(vv);
++++++++++++});
++++}(func,+vars);

++++elem.addEventListener(evt,+f);

++++return+f;
}

//+Usage:

function+doSomething(withThis){
++++console.log("withThis",+withThis);
}

//+Capture+the+function+so+we+can+remove+it+later.
var+storeFunc+=+addListenerWithArgs(someElem,+"click",+doSomething,+"foo");

//+To+remove+the+listener,+use+the+normal+routine:
someElem.removeEventListener("click",+storeFunc);|code-block|syntax|javascript|1486203|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Sending arguments to an eventListener's callback function requires creating an isolated function and passing arguments to that isolated function.

Here's a nice little helper function you can use. Based on "hello world's" example above.)

One thing that is also needed is to maintain a reference to the function so we can remove the listener cleanly.

<pre><code>// Lambda closure chaos.
//
// Send an anonymous function to the listener, but execute it immediately.
// This will cause the arguments are captured, which is useful when running 
// within loops.
//
// The anonymous function returns a closure, that will be executed when 
// the event triggers. And since the arguments were captured, any vars 
// that were sent in will be unique to the function.

function addListenerWithArgs(elem, evt, func, vars){
 var f = function(ff, vv){
 return (function (){
 ff(vv);
 });
 }(func, vars);

 elem.addEventListener(evt, f);

 return f;
}

// Usage:

function doSomething(withThis){
 console.log("withThis", withThis);
}

// Capture the function so we can remove it later.
var storeFunc = addListenerWithArgs(someElem, "click", doSomething, "foo");

// To remove the listener, use the normal routine:
someElem.removeEventListener("click", storeFunc);
</code></pre>

blocks|key|1701391|text|当我在一个循环中使用它来查找元素并将listner添加到其中时，我陷入了这个问题。如果您在循环中使用它，那么这将完美地工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701392|for+(var+i+=+0;+i+<+states_array.length;+i%2B%2B)+{
+++++var+link+=+document.getElementById('apply_'%2Bstates_array[i].state_id);
+++++link.my_id+=+i;
+++++link.addEventListener('click',+function(e)+{+++
++++++++alert(e.target.my_id);++++++++
++++++++some_function(states_array[e.target.my_id].css_url);
+++++});
}|code-block|syntax|javascript|1701393|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I was stuck in this as I was using it in a loop for finding elements and adding listner to it. If you're using it in a loop, then this will work perfectly

<pre><code>for (var i = 0; i &lt; states_array.length; i++) {
 var link = document.getElementById('apply_'+states_array[i].state_id);
 link.my_id = i;
 link.addEventListener('click', function(e) { 
 alert(e.target.my_id); 
 some_function(states_array[e.target.my_id].css_url);
 });
}
</code></pre>

blocks|key|1701866|text|2019年，api发生了很多变化，如果不修复bug，最好的答案将不再起作用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701867|分享一些工作代码。|1701868|受到上述答案的启发。|1701869|+button_element+=+document.getElementById('your-button')

+button_element.setAttribute('your-parameter-name',your-parameter-value);

+button_element.addEventListener('click',+your_function);


+function+your_function(event)
+++{
++++++//when+click+print+the+parameter+value+
++++++console.log(event.currentTarget.attributes.your-parameter-name.value;)
+++}|code-block|syntax|javascript|1701870|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In 2019, lots of api changes, the best answer no longer works, without fix bug.

share some working code. 

Inspired by all above answer.

<pre><code> button_element = document.getElementById('your-button')

 button_element.setAttribute('your-parameter-name',your-parameter-value);

 button_element.addEventListener('click', your_function);


 function your_function(event)
 {
 //when click print the parameter value 
 console.log(event.currentTarget.attributes.your-parameter-name.value;)
 }
</code></pre>

blocks|key|1485445|text|也可以试试这些(IE8+%2B+Chrome.我不知道FF)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1485446|function+addEvent(obj,+type,+fn)+{
++++eval('obj.on'%2Btype%2B'=fn');
}

function+removeEvent(obj,+type)+{
++++eval('obj.on'%2Btype%2B'=null');
}

//+Use+:

function+someFunction+(someArg)+{alert(someArg);}

var+object=document.getElementById('somObject_id')+;
var+someArg="Hi+there+!";
var+func=function(){someFunction+(someArg)};

//+mouseover+is+inactive
addEvent+(object,+'mouseover',+func);
//+mouseover+is+now+active
addEvent+(object,+'mouseover');
//+mouseover+is+inactive|code-block|syntax|javascript|1485447|希望没有打字错误:-)|1485448|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Also try these (IE8 + Chrome. I dont know for FF):

<pre><code>function addEvent(obj, type, fn) {
 eval('obj.on'+type+'=fn');
}

function removeEvent(obj, type) {
 eval('obj.on'+type+'=null');
}

// Use :

function someFunction (someArg) {alert(someArg);}

var object=document.getElementById('somObject_id') ;
var someArg="Hi there !";
var func=function(){someFunction (someArg)};

// mouseover is inactive
addEvent (object, 'mouseover', func);
// mouseover is now active
addEvent (object, 'mouseover');
// mouseover is inactive
</code></pre>

Hope there is no typos :-)

blocks|key|1701134|text|以下答案是正确的，但如果假设您使用yuicompressor压缩js文件，则以下代码在IE8中不起作用。(事实上，大多数美国人仍然在使用IE8)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701135|var+someVar;+
someVar+=+some_other_function();
alert(someVar);
someObj.addEventListener("click",
+++++++++++++++++++++++++function(){
++++++++++++++++++++++++++some_function(someVar);
+++++++++++++++++++++++++},
+++++++++++++++++++++++++false);|code-block|syntax|javascript|1701136|因此，我们可以像下面这样修复上面的问题，它在所有浏览器中都能正常工作|1701137|var+someVar,+eventListnerFunc;
someVar+=+some_other_function();
eventListnerFunc+=+some_function(someVar);
someObj.addEventListener("click",+eventListnerFunc,+false);|1701138|希望这对在生产环境中压缩js文件的人有用。|1701139|祝你好运！|1701140|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

The following answer is correct but the below code is not working in IE8 if suppose you compressed the js file using yuicompressor. (In fact,still most of the US peoples using IE8)

<pre><code>var someVar; 
someVar = some_other_function();
alert(someVar);
someObj.addEventListener("click",
 function(){
 some_function(someVar);
 },
 false);
</code></pre>

So, we can fix the above issue as follows and it works fine in all browsers

<pre><code>var someVar, eventListnerFunc;
someVar = some_other_function();
eventListnerFunc = some_function(someVar);
someObj.addEventListener("click", eventListnerFunc, false);
</code></pre>

Hope, it would be useful for some one who is compressing the js file in production environment.

Good Luck!!

blocks|key|1701302|text|++++var+EV+=+{
++++++++ev:+'',
++++++++fn:+'',
++++++++elem:+'',
++++++++add:+function+()+{
++++++++++++this.elem.addEventListener(this.ev,+this.fn,+false);
++++++++}
++++};

++++function+cons()+{
++++++++console.log('some+what');
++++}

++++EV.ev+=+'click';
++++EV.fn+=+cons;
++++EV.elem+=+document.getElementById('body');
++++EV.add();

//If+you+want+to+add+one+more+listener+for+load+event+then+simply+add+this+two+lines+of+code:

++++EV.ev+=+'load';
++++EV.add();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1701303|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> var EV = {
 ev: '',
 fn: '',
 elem: '',
 add: function () {
 this.elem.addEventListener(this.ev, this.fn, false);
 }
 };

 function cons() {
 console.log('some what');
 }

 EV.ev = 'click';
 EV.fn = cons;
 EV.elem = document.getElementById('body');
 EV.add();

//If you want to add one more listener for load event then simply add this two lines of code:

 EV.ev = 'load';
 EV.add();
</code></pre>

blocks|key|1701337|text|下面的方法对我很有效。从here修改。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1701338|​|1701339|function+callback(theVar)+{
++return+function()+{
++++theVar();
++}
}

function+some_other_function()+{
++document.body.innerHTML+%2B=+"made+it.";
}

var+someVar+=+some_other_function;
document.getElementById('button').addEventListener('click',+callback(someVar));|code-block|syntax|javascript|1701340|<!DOCTYPE+html>
<html>
++<body>
++++<button+type="button"+id="button">Click+Me!</button>
++</body>
</html>|1701341|1701342|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/loverajoel/jstips/blob/gh-pages/_posts/en/2016-01-16-passing-arguments-to-callback-functions.md^0|C|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|10|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|M|3|E|5|6|7|12|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]]]

The following approach worked well for me. Modified from <a href="https://github.com/loverajoel/jstips/blob/gh-pages/_posts/en/2016-01-16-passing-arguments-to-callback-functions.md" rel="nofollow">here</a>.

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function callback(theVar) {
 return function() {
 theVar();
 }
}

function some_other_function() {
 document.body.innerHTML += "made it.";
}

var someVar = some_other_function;
document.getElementById('button').addEventListener('click', callback(someVar));</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
 &lt;body&gt;
 &lt;button type="button" id="button"&gt;Click Me!&lt;/button&gt;
 &lt;/body&gt;
&lt;/html&gt;</code></pre>
</div>
</div>

blocks|key|1486880|text|因为您的事件侦听器是'click'，所以您可以：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1486881|someObj.setAttribute("onclick",+"function(parameter)");|code-block|syntax|javascript|1486882|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Since your event listener is 'click', you can:
<pre><code>someObj.setAttribute(&quot;onclick&quot;, &quot;function(parameter)&quot;);
</code></pre>

blocks|key|1486160|text|下面的代码对我来说工作得很好(firefox)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1486161|for+(var+i=0;+i<3;+i%2B%2B)+{
+++element+=+new+...+++//+create+your+element
+++element.counter+=+i;
+++element.addEventListener('click',+function(e){
++++++++console.log(this.counter);
++++++++...++++++++++++//+another+code+with+this+element
+++},+false);
}|code-block|syntax|javascript|1486162|输出：|1486163|0
1
2|1486164|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

The following code worked fine for me (firefox):

<pre><code>for (var i=0; i&lt;3; i++) {
 element = new ... // create your element
 element.counter = i;
 element.addEventListener('click', function(e){
 console.log(this.counter);
 ... // another code with this element
 }, false);
}
</code></pre>

Output:

<pre><code>0
1
2
</code></pre>

blocks|key|1701501|text|您需要：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701502|newElem.addEventListener('click',+{
++++handleEvent:+function+(event)+{
++++++++clickImg(parameter);
++++}
});|code-block|syntax|javascript|1701503|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You need:

<pre><code>newElem.addEventListener('click', {
 handleEvent: function (event) {
 clickImg(parameter);
 }
});
</code></pre>

blocks|key|1486710|text|可能不是最优的，但对于那些不是很精通js的人来说已经足够简单了。将调用addEventListener的函数放入它自己的函数中。这样，传入该函数的任何函数值都将维护其自己的作用域，您可以根据需要对该函数进行多次迭代。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1486711|例如，当我需要捕获和渲染图像和文件名的预览时，我使用了文件读取功能。在使用多文件上传类型时，我花了一段时间来避免异步问题。我会意外地在所有渲染上看到相同的“名称”，尽管上传了不同的文件。|1486712|最初，所有的readFile()函数都在readFiles()函数中。这导致了异步作用域问题。|1486713|++++function+readFiles(input)+{
++++++if+(input.files)+{
++++++++for(i=0;i<input.files.length;i%2B%2B)+{

++++++++++var+filename+=+input.files[i].name;

++++++++++if+(+/\.(jpe?g%7Cjpg%7Cpng%7Cgif%7Csvg%7Cbmp)$/i.test(filename)+)+{
++++++++++++readFile(input.files[i],filename);
++++++++++}
+++++++}
++++++}
++++}+//end+readFiles



++++function+readFile(file,filename)+{
++++++++++++var+reader+=+new+FileReader();

++++++++++++reader.addEventListener("load",+function()+{+alert(filename);},+false);

++++++++++++reader.readAsDataURL(file);

++++}+//end+readFile|code-block|syntax|javascript|1486714|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Probably not optimal, but simple enough for those not super js savvy. Put the function that calls addEventListener into its own function. That way any function values passed into it maintain their own scope and you can iterate over that function as much as you want.

Example I worked out with file reading as I needed to capture and render a preview of the image and filename. It took me awhile to avoid asynchronous issues when utilizing a multiple file upload type. I would accidentally see the same 'name' on all renders despite uploading different files.

Originally, all the readFile() function was within the readFiles() function. This caused asynchronous scoping issues.

<pre><code> function readFiles(input) {
 if (input.files) {
 for(i=0;i&lt;input.files.length;i++) {

 var filename = input.files[i].name;

 if ( /\.(jpe?g|jpg|png|gif|svg|bmp)$/i.test(filename) ) {
 readFile(input.files[i],filename);
 }
 }
 }
 } //end readFiles



 function readFile(file,filename) {
 var reader = new FileReader();

 reader.addEventListener("load", function() { alert(filename);}, false);

 reader.readAsDataURL(file);

 } //end readFile
</code></pre>

blocks|key|1701814|text|只是想补充一下。如果有人向事件侦听器添加更新复选框的函数，则必须使用event.target而不是this来更新复选框。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1701815|entityMap^0|Y|C|1D|4|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

just would like to add. if anyone is adding a function which updates checkboxes to an event listener, you would have to use <code>event.target</code> instead of <code>this</code> to update the checkboxes.

blocks|key|1486948|text|我建议你这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1486949|var+someVar+=+some_other_function();
someObj.addEventListener("click",+(event,+param1+=+someVar)+=>+{
++++some_function(param1);
},+false);|code-block|syntax|javascript|1486950|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I suggest you to do something like that:
<pre class="lang-js prettyprint-override"><code>var someVar = some_other_function();
someObj.addEventListener(&quot;click&quot;, (event, param1 = someVar) =&gt; {
 some_function(param1);
}, false);
</code></pre>

blocks|key|1701059|text|其他替代方法，可能不如绑定的使用那么优雅，但它对循环中的事件有效|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701060|for+(var+key+in+catalog){
++++document.getElementById(key).my_id+=+key
++++document.getElementById(key).addEventListener('click',+function(e)+{
++++++++editorContent.loadCatalogEntry(e.srcElement.my_id)
++++},+false);
}|code-block|syntax|javascript|1701061|它已经针对谷歌chrome扩展进行了测试，也许在其他浏览器中必须用e.source取代e.srcElement|1701062|我发现这个解决方案使用的是Imatoria发布的comment，但我不能将其标记为有用，因为我没有足够的声誉:D|offset|length|1701063|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/users/279755/imatoria|1|https://stackoverflow.com/questions/256754/how-to-pass-arguments-to-addeventlistener-listener-function#comment7616286_256763^0|0|0|0|D|8|0|O|7|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]|$K|13|L|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

Other alternative, perhaps not as elegant as the use of bind, but it is valid for events in a loop 

<pre><code>for (var key in catalog){
 document.getElementById(key).my_id = key
 document.getElementById(key).addEventListener('click', function(e) {
 editorContent.loadCatalogEntry(e.srcElement.my_id)
 }, false);
}
</code></pre>

It has been tested for google chrome extensions and maybe e.srcElement must be replaced by e.source in other browsers

I found this solution using the <a href="https://stackoverflow.com/questions/256754/how-to-pass-arguments-to-addeventlistener-listener-function#comment7616286_256763">comment</a> posted by <a href="https://stackoverflow.com/users/279755/imatoria">Imatoria</a> but I cannot mark it as useful because I do not have enough reputation :D

blocks|key|1701554|text|这个解决方案看起来很不错。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1701555|var+some_other_function+=+someVar+=>+function()+{
}

someObj.addEventListener('click',+some_other_function(someVar));|code-block|syntax|javascript|1701556|或者绑定可验证对象也很好。|1701557|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This solution may good for looking

<pre><code>var some_other_function = someVar =&gt; function() {
}

someObj.addEventListener('click', some_other_function(someVar));
</code></pre>

or bind valiables will be also good

The situation is somewhat like-

<pre><code>var someVar = some_other_function();
someObj.addEventListener("click", function(){
 some_function(someVar);
}, false);
</code></pre>

The problem is that the value of <code>someVar</code> is not visible inside the listener function of the <code>addEventListener</code>, where it is probably being treated as a new variable.

How to pass arguments to addEventListener listener function?

情况有点像-var someVar = some_other_function();someObj.addEventListener("click", function(){    some_function(someVar);}, false);问题是someVar的值在addEventListener的侦听器函数中不可见，在那里它可能被视为一个新变量。

问如何向addEventListener listener函数传递参数？
EN

回答 30

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何向addEventListener listener函数传递参数？EN

回答 30

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何向addEventListener listener函数传递参数？
EN