bind and addEventListener/removeEventListener

From	Cezary Tomczyk <cezary.tomczyk@gmail.com>
Newsgroups	comp.lang.javascript
Subject	bind and addEventListener/removeEventListener
Date	2019-08-13 17:28 +0200
Organization	csiph.com Internet News Service
Message-ID	<qiukun$4ck$1@csiph.com> (permalink)

Show all headers | View raw

Bind 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind 
creates a new function.

Let's say we have #1:

document.body.addEventListener('click', myExampleClass.method.bind(this));

and then:

document.body.removeEventListener('click', myExampleClass.method);

based on my research it should not be correct as the function created by 
bind is different than the original passed by reference in 
document.body.removeEventListener.

If it is not correct then the approach like:

var myRef = myExampleClass.method.bind(this);

document.body.addEventListener('click', myRef);
document.body.removeEventListener('click', myRef);

should be more appropriate, I guess.

Need some thoughts on that.

-- 
Cezary Tomczyk
http://www.ctomczyk.pl/

Back to comp.lang.javascript | Previous | Next — Next in thread | Find similar | Unroll thread

Thread

bind and addEventListener/removeEventListener Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2019-08-13 17:28 +0200
  Re: bind and addEventListener/removeEventListener Julio Di Egidio <julio@diegidio.name> - 2019-08-13 08:43 -0700
    Re: bind and addEventListener/removeEventListener Julio Di Egidio <julio@diegidio.name> - 2019-08-13 11:29 -0700
      Re: bind and addEventListener/removeEventListener Cezary Tomczyk <cezary.tomczyk@gmail.com> - 2019-08-13 20:43 +0200
        Re: bind and addEventListener/removeEventListener Julio Di Egidio <julio@diegidio.name> - 2019-08-13 11:48 -0700
  Re: bind and addEventListener/removeEventListener Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2019-08-13 20:58 +0200
    Re: bind and addEventListener/removeEventListener Julio Di Egidio <julio@diegidio.name> - 2019-08-13 12:36 -0700

csiph-web