par anonyme 05-Octobre-2022

Bonjour, j'ai un menu HTML avec plusieurs liens :

<nav id="menu">
  <a href="#" class="lien">lien 0</a>
  <a href="#" class="lien">lien 1</a>
  <a href="#" class="lien">lien 2</a>
  <a href="#" class="lien">lien 3</a>
</nav>

Comment puis-je savoir quelle page a été cliquée, en JavaScript ?

1 Réponse

par Antoine 05-Octobre-2022

Pour identifier quel élément a été cliqué, en JavaScript, vous pouvez utiliser la méthode addEventListener() de la manière suivante :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment savoir quel élément a été cliqué en JavaScript ?</title>
</head>
<body>
<nav id="menu">
  <a href="#" class="lien">lien 0</a>
  <a href="#" class="lien">lien 1</a>
  <a href="#" class="lien">lien 2</a>
  <a href="#" class="lien">lien 3</a>
</nav>
<script>
var menu = document.getElementById("menu");
menu.addEventListener('click', event => 
{
  alert("Vous venez de cliquer sur le " + event.target.innerHTML);
});
</script>
</body>
</html>

Vous trouverez d'avantage d'information, sur la façon de savoir quel élément a été cliqué, avec la méthode addEventListener(), via cette page du site de Mozilla.

Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses d'Antoine et d'autres internautes.

2.6k questions

3k réponses

...