Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]


Groups > comp.lang.javascript > #34223

Re: removeeventlistener

From Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups comp.lang.javascript
Subject Re: removeeventlistener
Date 2017-10-28 20:00 +0200
Organization PointedEars Software (PES)
Message-ID <19619642.EfDdHjke4D@PointedEars.de> (permalink)
References <e4ednXbpPvgtunnEnZ2dnUU7-bXNnZ2d@westnet.com.au> <2412105.mvXUDI8C0e@PointedEars.de> <1746259.PYKUYFuaPT@PointedEars.de>

Show all headers | View raw


Thomas 'PointedEars' Lahn wrote:

>   var elementOvers = [];
> 
>   function setOver (elements)
>   {
>     /*
>      * NOTE:
>      * You may want to use ES 5 [].forEach.apply(elements, …) or
>      * ES 6 “for … of” on [].slice.call(elements) instead.
>      *
>      * In loops, cache the value of the “length” property unless you
>      * expect its value to change and want to handle that.
>      */
>     for (var i = 0, len = elements.length; i < len; ++i)
>     {
>       /* NOTE:
>        * You can still return the function reference instead.
>        * Just keep in mind that in the way it is used here,
>        * there is a closure over “i”.
>        *
>        * Consider using CSS “:hover” selectors based on class selectors
>        * instead of setting style properties here.
>        */
>       var elementOver = elementOvers[i] = function () {
>         this.style...
>       };

Supplemental:

If all listeners for the same event implement the same algorithm, you only 
need to define *one* such function such that it can be shared across 
function execution contexts –

  var elementOver = function () {
    // …
  };

–, and re-use the reference to it:

  function (…)
  {
    for (…)
    {
      elements[i].addEventListener("mouseover", elementOver, false);
    }
  }

  …

  function (…)
  {
    for (…)
    {
      elements[i].removeEventListener("mouseover", elementOver);
    }
  }

That would be much more efficient then.
 
-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix>
<https://github.com/PointedEars> | <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.

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


Thread

removeeventlistener Andrew Poulos <ap_prog@hotmail.com> - 2017-10-16 14:29 +1100
  Re: removeeventlistener Julio Di Egidio <julio@diegidio.name> - 2017-10-15 21:08 -0700
  Re: removeeventlistener Richard Maher <maher_rjSPAMLESS@hotmail.com> - 2017-10-16 13:06 +0800
  Re: removeeventlistener Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-10-16 22:18 +0200
    Re: removeeventlistener Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-10-28 19:48 +0200
      Re: removeeventlistener Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-10-28 20:00 +0200

csiph-web