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


Groups > fr.comp.lang.javascript > #3161 > unrolled thread

Gérer une touche sur un contrôle

Started byGloops <gloops@zailes.invalid.org.invalid>
First post2018-10-11 16:47 +0200
Last post2018-10-12 03:10 +0200
Articles 3 — 2 participants

Back to article view | Back to fr.comp.lang.javascript


Contents

  Gérer une touche sur un contrôle Gloops <gloops@zailes.invalid.org.invalid> - 2018-10-11 16:47 +0200
    Re: Gérer une touche sur un contrôle Yliur <yliur@free.fr> - 2018-10-12 02:49 +0200
      Re: Gérer une touche sur un contrôle Gloops <gloops@zailes.invalid.org.invalid> - 2018-10-12 03:10 +0200

#3161 — Gérer une touche sur un contrôle

FromGloops <gloops@zailes.invalid.org.invalid>
Date2018-10-11 16:47 +0200
SubjectGérer une touche sur un contrôle
Message-ID<ppnnpv$qt2$1@nemo.pasdenom.info>
Bonjour tout le monde,

Sur le contrôle prodId, quand l'utilisateur presse la touche Entrée, je 
veux exécuter la méthode find().

Est-ce qu'on peut faire mieux que ça ?

		document.addEventListener('keydown', (event) => {
			const keyName = event.key;
			const source = event.srcElement.id;
			var concat = keyName + " : " + source;
			if (concat == "Enter : prodId"){
				find();
			}
		});

Pr exemple, est-ce qu'un écouteur d'événement peut être attaché à un 
contrôle plutôt qu'au document ?

Parce que là ça marche mais la fonction est lancée à chaque fois qu'on 
touche au clavier, sur cette page.

-- 
Besoin d'un autre système, pas d'un autre gouvernement.

[toc] | [next] | [standalone]


#3162

FromYliur <yliur@free.fr>
Date2018-10-12 02:49 +0200
Message-ID<20181012024913.3b2d8c9e@free.fr>
In reply to#3161
Le Thu, 11 Oct 2018 16:47:29 +0200
Gloops <gloops@zailes.invalid.org.invalid> a écrit :

> Bonjour tout le monde,
> 
> Sur le contrôle prodId, quand l'utilisateur presse la touche Entrée,
> je veux exécuter la méthode find().
> 
> Est-ce qu'on peut faire mieux que ça ?
> 
> 		document.addEventListener('keydown', (event) => {
> 			const keyName = event.key;
> 			const source = event.srcElement.id;
> 			var concat = keyName + " : " + source;
> 			if (concat == "Enter : prodId"){
> 				find();
> 			}
> 		});
> 
> Pr exemple, est-ce qu'un écouteur d'événement peut être attaché à un 
> contrôle plutôt qu'au document ?
> 
> Parce que là ça marche mais la fonction est lancée à chaque fois
> qu'on touche au clavier, sur cette page.

Quelque chose comme ça ?
    document.getElementById('prodId').addEventListener ...

[toc] | [prev] | [next] | [standalone]


#3163

FromGloops <gloops@zailes.invalid.org.invalid>
Date2018-10-12 03:10 +0200
Message-ID<pposa9$k99$3@nemo.pasdenom.info>
In reply to#3162
Le 12 Octobre 2018 à 02:49, Yliur a écrit
(<20181012024913.3b2d8c9e@free.fr> dans fr.comp.lang.javascript) :
> Le Thu, 11 Oct 2018 16:47:29 +0200
> Gloops <gloops@zailes.invalid.org.invalid> a écrit :
> 
>> Bonjour tout le monde,
>>
>> Sur le contrôle prodId, quand l'utilisateur presse la touche Entrée,
>> je veux exécuter la méthode find().
>>
>> Est-ce qu'on peut faire mieux que ça ?
>>
>> 		document.addEventListener('keydown', (event) => {
>> 			const keyName = event.key;
>> 			const source = event.srcElement.id;
>> 			var concat = keyName + " : " + source;
>> 			if (concat == "Enter : prodId"){
>> 				find();
>> 			}
>> 		});
>>
>> Pr exemple, est-ce qu'un écouteur d'événement peut être attaché à un
>> contrôle plutôt qu'au document ?
>>
>> Parce que là ça marche mais la fonction est lancée à chaque fois
>> qu'on touche au clavier, sur cette page.
> 
> Quelque chose comme ça ?
>      document.getElementById('prodId').addEventListener ...
> 

Oui, ça aurait été pas mal.
Bien sûr j'ai essayé.




-- 
Besoin d'un autre système, pas d'un autre gouvernement.

[toc] | [prev] | [standalone]


Back to top | Article view | fr.comp.lang.javascript


csiph-web