Re: addEventListener question

Path	csiph.com!weretis.net!feeder4.news.weretis.net!news.albasani.net!.POSTED!not-for-mail
From	James Kirk <noneya.invalid@gmail.com>
Newsgroups	comp.lang.javascript
Subject	Re: addEventListener question
Date	Sun, 12 Aug 2018 22:36:08 -0400
Organization	Time Travel Tracing
Lines	52
Message-ID	<20180812223608.00005d61@james.kirk.invalid> (permalink)
References	<5b6dbba7$0$2957$e4fe514c@news.xs4all.nl> <XnsA93BC992626eejj99@194.109.6.166> <5b6ed658$0$2956$e4fe514c@news.xs4all.nl> <87zhxtxb4u.fsf@bsb.me.uk> <pkmroi$slk$1@solani.org> <2d0334bc-a32a-3be6-e0cd-fc55d7e7446c@PointedEars.de> <pkplrp$rrc$1@solani.org> <5205cdc9-fb48-884b-fe3a-88c6013824c4@PointedEars.de> <pkpra0$k4$1@solani.org>
Reply-To	: James Kirk <noneya.invalid+knobknocker@gmail.com>
Mime-Version	1.0
Content-Type	text/plain; charset=UTF-8
Content-Transfer-Encoding	8bit
X-Trace	news.albasani.net 0U318eWDRuu8RvQMe5fAJdMppOfmzRV6z/gd1/ug9dTtNQELJxkZLXZJpaBwkOeqA9f4dvOtTZXU/cOEa5JhJjKNWnoNmtBdh1Airxz3xXqJq2abGpaDpEMK6YXmxJB7
NNTP-Posting-Date	Mon, 13 Aug 2018 02:36:09 +0000 (UTC)
Injection-Info	news.albasani.net; logging-data="lHOA7lZ58A0V3T/IFCst0HYZybxEPBtnzY80IVg5hmkTmTSfb4WRq5nff63hEjR3wSPhdeUw6O2evBrgy3eHf5jA1VV8CJ6DGgdqx/CYZ5xUg+XaDSzZoe0IYYjPoLFg6RRjPXX1rPFLW0Kyhl8SnN1vMd+3JBv4J0PppUS6zrE="; mail-complaints-to="abuse@albasani.net"
User-Agent	Unicorn named Ellie
X-Newsreader	Microsoft Windows Dead Mail Original Imitation Prototype
Content-Language	en-US
X-Operating-System	Windows 3.0
Face	iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QIHFgQpyK6L9AAAAEJQTFRFAAAAQAAAQEAAQEBAQECAgEBAgECAgIBAgICAgIC/gL+/v4BAv4CAv4C/v7+Av7+/v7//v////7+A/7+///+/////CTpitwAAAAF0Uk5TAEDm2GYAAAABYktHRBXl2PmjAAAB6klEQVRIx61Vi3KEIAz0pJZYUwIi//+r3QT78sTKTDM3N6e3y+5iIsPwT+UcdeHJOSd9Ao6kVyB2CqQkfQKpSI+AS6lDQh2VDoIzR6jYQVCBuymo7tH9EF+OUrwnAfxLFSjp/aajuZTbnujbUYop/dWz7P1kDyFWS4lYLuETyrs5VUKMSTyHthvFe/ZwFD8tRQ68SNvOxFlGh8hFl48oCoF9aOC9l23jB6n5GMHBR1gZfI7nvG2bf0hUL2YLNCWwf3Ilnip+Q2cX86+G8FM9MU/PgcmHDIaMZG6wflGKegLhyZQn4oxCBKlxTaHGBmHxz45ECRkRFFpX1+9UCQdPzHikRtBRiD8rzacEQjbFh5HKjixSzJco/kgQomyM5THvAoKFxXaLzgj40wj2FNSI2NW7pdbM/ritlbBOLu3rm0EnshOO3cHIAEZAIwG949ewvOqFX467ahIIsfJIltN2bF1XngQa/qxhWQkBEUTXzJWAGzCFKeKzaVDGpJllNwR84IlEiM/nIWRG54ERKrwSIDE3Jg57O7ooiVetYIX5o9gca2KcOzAUdnRtbEhcvMKAp/CrriTsoCKM2JenPAwzbr5dKWgYxUr+PoEvCCfq1DyBIf4iPYc8NQ5naUlQeynqJLRf9Z2E4cb58QHWYi4v2VmiigAAAABJRU5ErkJggg==
Cancel-Lock	sha1:/O1jJzSBCHXotGrb1NP856Tii4U=
Xref	csiph.com comp.lang.javascript:35472

Show key headers only | View raw

In-Reply-To: <pkpra0$k4$1@solani.org>
"Christoph M. Becker" <cmbecker69@arcor.de> wrote:

> On 12.08.2018 at 18:42, Thomas 'OftenWrong' Lahn wrote:

[snip]

>> but how do you propose, in a single “click”, listener, to
>> determine the index of the link that has been clicked (here:
>> “abc”)?

>> ISTM that this is only possible if there is some external
>> property on the "link", e.g. an “id” attribute value, to
>> contain that information.

[snip]

> document.getElementById("csschart")
> .addEventListener("click", function (e) {
> var elt = e.target;
> while (elt && elt.tagName !== "DT") {
> while (elt.tagName !== "DD") {
> elt = elt.parentNode;
> }
> elt = elt.previousElementSibling;
> }
> if (elt) alert(elt.textContent - 1);
> });

> If the .textContent couldn't be used this way, it would still be
> possible to walk through `#csschart dt` and set appropriate
> data-* attributes, and to use these in the listener.

[snip]

(function () {
 'use strict';
 document.addEventListener("DOMContentLoaded", () => {
  document.querySelector("#csschart").addEventListener("click", (e) => {
   var elm = e.target,
   index;
   if (elm.nodeName.match(/^dt$/i)) {
    index = [...document.querySelectorAll("#csschart>dt")].indexOf(elm);
    console.log("textContent:"+elm.textContent+"\nindex:"+index);
   }
  }, false);
 }, false);
}
());

-- 
James Kirk

Thread

addEventListener question Luuk <luuk@invalid.lan> - 2018-08-10 18:21 +0200
  Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-11 00:04 +0200
    Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-11 14:28 +0200
      Re: addEventListener question Ben Bacarisse <ben.usenet@bsb.me.uk> - 2018-08-11 14:53 +0100
        Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-11 16:27 +0200
          Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 17:49 +0200
            Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 18:05 +0200
              Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 18:42 +0200
                Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 19:38 +0200
                Re: addEventListener question Julio Di Egidio <julio@diegidio.name> - 2018-08-12 11:12 -0700
                Re: addEventListener question James Kirk <noneya.invalid@gmail.com> - 2018-08-12 22:36 -0400
                Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-09-06 08:17 +0200
                Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-13 11:50 +0200
                Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-18 16:50 +0200
        Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-11 16:58 +0200
          Re: addEventListener question Ben Bacarisse <ben.usenet@bsb.me.uk> - 2018-08-12 02:40 +0100
            Re: addEventListener question "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-08-12 09:07 +0200
        Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-11 19:17 +0200
  Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-11 16:30 +0200
    Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-11 19:12 +0200
    Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 17:46 +0200
      Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 18:06 +0200
        Re: addEventListener question "Christoph M. Becker" <cmbecker69@arcor.de> - 2018-08-12 18:12 +0200
          Re: addEventListener question Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-08-12 18:33 +0200
  Re: addEventListener question Luuk <luuk@invalid.lan> - 2018-08-18 17:01 +0200

csiph-web