question sur evenements et detecter l'ajout de contenu sur une page

Version imprimable

21/04/2025, 03h52
sarc20

question sur evenements et detecter l'ajout de contenu sur une page

Bonjour,

je me forme un peu au Javascript.

j'avais 2 questions svp.

la 1ere : je dois implementer un evenement clic et un evenement double clic sur un <li>

je me dis que j'ai 2 solutions,
soit je modifie les elements pour que une partie de la ligne soit concernée par le clic et l'autre par un double clic
soit j'utilise un setTimeout pour me permettre de distinguer l'element clic du double clic?

c'est bien ça?

la 2eme question :
je me trouve depuis quelques temps à l'etranger.
un ami m'a demandé de lui prendre rdv sur une plate forme d'une administration.
en faisant des recherches, j'ai lu que tous les rendez vous sont recuperes à l'aide de script puis revendus au détail à prix d'or.

je me dis que ces scripts ne doivent pas etre legaux meme si je pense avoir eu de la pub sur ça un jour en lancant une video sur une plateforme
je m'initie en ce moment aux requetes post et get en javascript et en essayant de lier ce genre de programme à ce que je vois en javascript, comment le script perçoit que des rdv sont proposés?

j'espere ne pas dire trop de bétises
est ce que c'est en lançant des requetes à intervalle regulier pour lire la propriete last-modified du headers?
est ce que c'est aussi en recherchant une classe ou un id qui se trouverait sur la page une fois que les reservations seraient ouvertes?

voilà juste un peu de curiosité pour avancer dans ma reflexion....

Merci
21/04/2025, 09h26
mathieu
pour la 2e question, il y a 2 possibilités
- soit l'administration autorise l'automatisation des rendez-vous et elle vous fournira une API ou d'autres explications pour le faire.
- soit elle ne l'autorise pas et dans ce cas, nous ne vous aiderons pas sur ce forum à contourner cette autorisation.
pour la 1re question, avez vous essayé l'évènement dblclick ?
https://developer.mozilla.org/fr/doc...dblclick_event
tous les évènement fournissent des informations sur l'élément qui est concerné. donc cela permet de faire la différence entre une zone qui sert aux clics et une autre qui sera seulement utilisée avec des doubles clics.
21/04/2025, 12h13
sarc20

Bonjour mathieu,

merci pour ton aide

j'ai mon <li>
si je rattache 2 evenements à l'element li; un clic ou un double clic, je ne pourrais pas avoir le resultat attendu sur le double clic car le programme executera toujours la fonction lié au clic simple.

<li><x>.....<x>.....<y>...</y></li>
et ecouterpar exemple l'evenement clic sur le <x> et le dblclick sur le <y> ?

pour ma 2eme question,
je ne recherche ni le gain ni l'illegalité

la personne m'a demandé de lui prendre un rendez vous car on lui a dit qu'ils etaient mis en ligne tard et que je veille tard.

comme j'en suis dans mon apprentissage en JS aux promesses, fetch pour faire des get et des post, je me demandais de facon generale comment un script peut detecter du nouveau contenu sur un site tiers, via les infos contenu dans un headers ou à la recherche d'une classe sur une page.

j'ai ete transparent sur ce qui a fait que je me pose cette question, s'il n'est pas possible d'avoir des elements, je comprendrai.

j

si vous voulez attraper le double clic sur y, vous pouvez écouter l'évènement directement sur cette balise y comme cela :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<li id="id1">
	<x>xxx</x>
	<y>yyy</x>
</li>
 
 
<script>
"use strict";
 
 
document.addEventListener("DOMContentLoaded", e => {
        
        document.getElementsByTagName("x")[0].addEventListener("click", e => {
                console.log("un clic sur x");
        });
        
        document.getElementsByTagName("y")[0].addEventListener("dblclick", e => {
                console.log("un double clic sur y");
        });
        
});
 
 
</script>

22/04/2025, 13h43
sarc20

Bonjour mathieu,

Merci pour l'exemple.

donc je dois modifier le html pour pouvoir écouter les 2 evenements, elles ne peuvent pas porter sur le même élément à moins de passer par un setTimeout()
22/04/2025, 17h42
domi65

Citation:

Envoyé par sarc20

donc je dois modifier le html pour pouvoir écouter les 2 evenements, elles ne peuvent pas porter sur le même élément à moins de passer par un setTimeout()

Pas exactement. Cela n'est vrai que si ces deux événements sont un clic et un double-clic. Rien ne t'empêche d'associer une fonction à un clic et une autre à un clic droit par exemple (événement contextmenu).

Cordialement.

P.S. Explication sur ce qu'est réellement un "double clic" pour JS selon MSN :
« dblclick se déclenche après deux évènements click (et, par extension, après deux paires d'évènements mousedown et mouseup). »
22/04/2025, 21h35
sarc20

Bonjour domi65,

oui je n'ai pas été précis, je parlais bien des 2 évènements clic et dblclick que je ne peux utiliser sur le même élément.

Merci

Bonjour,
effectivement lors d'un double clic les deux événements click sont déclenchés donc on a click → click → dblclick.

Comme tu l'as pressenti il faut, lors d'un dblclick annuler l'action sur le click et cela peut se faire via un setTimeout.

Voici une façon de faire en gérant les actions simple et double clic dans la même fonction :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/**
 *  fonction unique de prise en compte du simple et du double clic
 */
function clickHandler(e) {
  const DELAY_MS = 350;  // peut dépendre de la vitesse du double-clic paramétrée
  // le nombre de clics courant est dans la propriété detail
  // traitement simple click
  if (1 === e.detail) {
    // diffère l'action sur simple click
    e.target._timeout = setTimeout(() => {
      // exécution action sur simple clic
      console.log("Exécute function sur simple click");
    }, DELAY_MS);
  }
  // traitement double click
  else if (2 === e.detail) {
    // supprime appel function sur simple click
    clearTimeout(e.target._timeout);
    // exécution action sur double clic
    console.log("Exécute function sur double click");
  }
};
// affectation fonction
const element = document.querySelector(".area-clic");
element.addEventListener("click", clickHandler);

24/04/2025, 21h44
Beginner.

Salut,

Apparemment quand on veut gérer à la fois le simple et le double clique, on doit accepter qu'il y ait un retard dans la gestion du simple clique (qui est de 350 ms dans le code proposé par NoSmoking)...

Il se peut que ce "retard" pose problème dans certains cas mais je ne vois pas comment l'éviter (on peut juste éventuellement le diminuer)...