Pass parameter to function with addEventListener

Question

I have an anonymous function

function getStocks(item){
   alert(item);
}

Below is my click event listener.

document.getElementById("passBtn").addEventListener("click", getStocks, false);

I need to pass a parameter to getStocks() . I tried the below but does not work. What's wrong?

document.getElementById("passBtn").addEventListener('click', function(){
  getStocks(item);
}, false);

Answer 1

Use the javascript bind function:

var item = "item";
document.getElementById("passBtn").addEventListener("click", 
    getStocks.bind(null, item), false);

See the above code in action, here: fiddle

See more information, here: Function.prototype.bind()