title: Passing multiple arguments and event to event handler using bind()
body: <p>I want to use the <code>.bind</code> solution to implement event handler as per some latest solution in this thread <a href="https://stackoverflow.com/questions/256754/how-to-pass-arguments-to-addeventlistener-listener-function">here</a>.</p>
  <p>However, suppose my original handler is as following:</p>
  <pre><code>const clickHandler = (arg1, arg2) =&gt; {
     ...do stuff...
  }
  
  let var1 = &quot;text1&quot;
  let var2 = &quot;text2&quot;
  myButton.addEventListener(&quot;click&quot;, clickHandler.bind(null, var1, var2))
  </code></pre>
  <p>If I need to add a line like this, which requires the <code>event</code> argument, to the handler:</p>
  <pre><code>const clickHandler = (arg1, arg2) =&gt; {
     event.stopPropagation()
     ...do stuff...
  }
  </code></pre>
  <p>If I do without using <code>.bind</code>, this would work:</p>
  <pre><code>const clickHandler = (arg1, arg2) =&gt; {
     ...do stuff...
  }
  
  let var1 = &quot;text1&quot;
  let var2 = &quot;text2&quot;
  myButton.addEventListener(&quot;click&quot;, (event) =&gt; {
     event.stopPropagation()
     clickHandler(var1, var2)
  })
  </code></pre>
  <p>But if I want to make it concise using <code>.bind</code>, how should I pass <code>event</code> into the handler? Thanks.</p>