Comment savoir quel élément a été cliqué en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-10-05 10:11:32

Question

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 ?

Réponse

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.