Path: csiph.com!aioe.org!news.mb-net.net!open-news-network.org!.POSTED.150.236.197.178.dynamic.wless.lssmb00p-cgnat.res.cust.swisscom.ch!not-for-mail
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups: comp.lang.javascript
Subject: Re: Multiple inputs with same event
Date: Tue, 09 Jun 2020 02:49:46 +0200
Organization: PointedEars Software (PES)
Lines: 59
Message-ID: <1772720.tdWV9SEqCh@PointedEars.de>
References: <9KednS9A0scWq0HDnZ2dnUU7-TnNnZ2d@westnet.com.au> <ef363a56-281b-49ab-9e32-e244a27411d1o@googlegroups.com>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8Bit
Injection-Info: gwaiyur.mb-net.net; posting-host="150.236.197.178.dynamic.wless.lssmb00p-cgnat.res.cust.swisscom.ch:178.197.236.150"; logging-data="30764"; mail-complaints-to="abuse@open-news-network.org"
User-Agent: KNode/4.14.10
Cancel-Lock: sha1:T1lcEhb0a443GrWRhnYrdo70YRA=
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-User-ID: U2FsdGVkX1+N63xNL63AimqcjCrj7v03LkFRpV+NBx/yC0eFTKlAJQ==
Xref: csiph.com comp.lang.javascript:38458

Michael Haufe (TNO) wrote:

> On Saturday, June 6, 2020 at 7:36:36 PM UTC-5, Andrew Poulos wrote:
>> Is there a way for multiple inputs to call the same function when the
>> same event occurs to any of them without directly attaching the event to
>> each input? Or should a just write a function that dynamically attaches
>> the required events?
> 
> If you wrap all of your elements in a <form> tag

_“form” element_

Elements are NOT tags.

<https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started>

<https://www.w3.org/TR/html52/introduction.html#a-quick-introduction-to-html>

> you can attach an
> eventListener to that form and capture any "change" event:
> 
> ```html
> <form id="myForm">
>   <input name="a">
>   <input name="b">
>   <input name="c">
> </form>
> ```
> 
> ```js
> let myForm = document.getElementById('myForm')
> 
> myForm.addEventListener('change', (e) => {
>   console.log(e)
> })
> ```

This code should only be executed once it has been ascertained that the 
relevant parts of the document have been parsed to produce a document tree.

It is actually not necessary (but recommended by some people) do this with 
assignment with scripting.  However, a form element can have an “onchange” 
event-handler attribute that can execute code, like a function:

  <form … onchange='my.change(this, event)'>
    …
  </form>

Then the form element does not need an “id” attribute, and the reference to 
object representing the current propagated event and to the object 
representing the form element, can be obtained by passing the “event” and 
“this” values respectively.

Note that the “change” event might not be fired for every control.

-- 
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.