Afficher l'ID de l'élément cliqué sans être redirigé vers le lien

**hocineaminoo** · 01/10/2021, 02h11

Bonjour a tous ,

je suis débutant en JS , je suis tombé sur ce petit problème .

je dois affiché l'id de n'importe quelle élément cliqué sur la page HTML sans être redirigé vers le lien cliqué .

voila le code que j'ai utilisé .

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
    <head>
        <title>It works</title>
    </head>
    <body>
 
        <div id="div1">First DIV</div>
        <div id="div2">Second DIV</div>
		<button id="1">B1</button>
<button id="2" >B2</button>
<button id="3" >B3</button>
 <a href="https://www.developpez.net/" id = "55">Visit developpez</a> 
 
        <script type="text/javascript">
            document.addEventListener('click', function(e) {
                alert( e.target.id );
            }, false);
        </script>
    </body>
</html>

mais le problème si je clique sur le lien il m'affiche l ID et il me redirige vers l'adresse du lien .
moi je veux juste récupérer l'id c'est tous .

Merci les gars j’attends vos réponses .

**NoSmoking** · 01/10/2021, 09h31

Bonjour,
il te faut annuler l'action par défaut des liens en utilisant Event.preventDefault().

Ton code devient :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
document.addEventListener('click', function(e) {
    e.preventDefault();
    alert( e.target.id );
}, false);

**hocineaminoo** · 01/10/2021, 12h43

Problème Résolu , Merci beaucoup .

**SpaceFrog** · 04/10/2021, 09h27

Plus archaique mais tout aussi fonctionnel

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

 <a href="https://www.developpez.net/" id = "55" onclick="alert(this.id);return false;">Visit developpez</a>

Afficher l'ID de l'élément cliqué sans être redirigé vers le lien

JavaScript

Vue hybride

Discussions similaires

Partager

Partager