How to pass arguments to addEventListener listener function?

Question

The situation is somewhat like-

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

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

Answer 1

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

Example:

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 is a prototype-oriented language, remember!