title: removeEventListener and anonymous function with arguments
body: <p>I have a text input where I add a event listener. 
  This event listener execute a anonymous function by onkeyup.
  This anonymous function contains a foo function. 
  This foo function have an argument <code>number</code> for displaying number in console.</p>
  
  <p>And I have a button for removing the event listener added. 
  But when I click this button and type in the text input, the event listener is not removed, so the foo function displays number again in the console.</p>
  
  <p>Here the code, very simple :</p>
  
  <pre><code>&lt;input type="text" value="" id="input_text"&gt;
  
  &lt;input type="button" value="Remove Event Listener" onclick="deleteEventListener();"&gt;
  
  &lt;script type="text/javascript"&gt;
  
  number = 0;
  
  //Function to display number in console :
  function foo(arg_number)
  {
      number = arg_number+1;
  
      console.log(number);    
  }
  
  //The text input :
  input_text = document.getElementById("input_text");
  
  //Add event listener to the text input :
  input_text.addEventListener("keyup", function(){foo(number);}, false);
  
  //Function to remove event listener :
  function deleteEventListener()
  {
      input_text.removeEventListener("keyup", function(){foo(number);}, false);   
  }
  </code></pre>
  
  <p>You can try it :<a href="https://jsfiddle.net/5LtmLzqy/" rel="nofollow">https://jsfiddle.net/5LtmLzqy/</a></p>
  
  <p>Have you an idea ? Thank you in advance, cordially.</p>