addEventListener firing multiple times for the same handle when passing in arguments with anonymous function

Question

For some reason, the event listener is firing twice for each element when passing arguments into an anonymous function. I.e., the click event on element el will

Answer 1

Well,,

el.addEventListener("click", handle, false);
el.addEventListener("click", handle, false);

Registers to the same function "handle()"

el.addEventListener("click", function() { handle(event, myArgument); }, false);
el.addEventListener("click", function() { handle(event, myArgument); }, false);

Registers "function() { handle(event, myArgument)"... which are two unique anonymous functions. Thus it will fire twice.

Although I don't fully understand why you would want to register it twice, the solution would be to create a function returning your function that takes parameters.

el.addEventListener("click", crateHandle(myArgument), false);

var createHandle = function(myArgument) {
  return function(event) {
    .... do something
  };
}

It still doesn't solve the fire twice issue though.