Détecter un clic en JavaScript avec onClick

Vous pouvez détecter l'appui sur le bouton de la souris à l'intérieur d'une page web à l'aide d'un simple event handler et ensuite récupérer le type de l’élément appuyé.

Pour cela il est nécessaire de rendre notre code pour qu'il soit en écoute de l’événement qui va être déclenché. Il faut utiliser la méthode onClick. Vous pouvez extraire l'élément appuyé à partir de l'objet event.

<form>
   Entrer un nom<br />
   <input id="text" />
   <input type="button" value="Valider" />
</form>
<h3 id="res"></h3>
<script>
   document.onclick= function(event) {
      // l'evenement permet de détecter sur quel composant le clic est passé
      if (event===undefined) event= window.event;
      var target= 'target' in event? event.target : event.srcElement;
 
      document.getElementById("res").innerHTML = "J'ai cliqué sur un élement de type "+target.tagName;
   };
</script>
Exécution:
Entrer un nom


Il est impossible de détecter un clic en dehors de la page web comme le bouton retour et dans certains navigateurs pour des raisons de sécurité.




Partager cet article

Voir aussi: