Comment compter le nombre de clics en JavaScript ?

Réponses rédigées par Antoine

Dernière mise à jour : 2022-08-12 11:40:28

Question

Comment faire pour compter le nombre de clics gauche, et de clics droit, en JavaScript ?

Réponse

Pour compter le nombre de clics en JavaScript, vous pouvez utiliser la méthode addEventListener() avec les évènements contextmenu et click.

L'évènement contextmenu correspond au clic droit.
L'évènement click correspond au clic gauche.

Voici un exemple pour compter les nombres de clics gauche et droit, sur l'ensemble d'une page HTML :

<!DOCTYPE html>
<html id="page">
<head>
<meta charset="utf-8">
<title>Comment compter le nombre de clics en JavaScript ?</title>
</head>
<body>
Nombre de clics gauche : <span id="affichage_clic_gauche">0</span>
<br>
Nombre de clics droit : <span id="affichage_clic_droit">0</span>
<script>
var clic_gauche = 0;
var clic_droit = 0;
var page = document.getElementById("page");
var affichage_clic_gauche = document.getElementById("affichage_clic_gauche");
var affichage_clic_droit = document.getElementById("affichage_clic_droit");
var compterClic_gauche = function () {
  clic_gauche++;
  affichage_clic_gauche.innerHTML = clic_gauche;
}
var compterClic_droit = function () {
  clic_droit++;
  affichage_clic_droit.innerHTML = clic_droit;
}
page.addEventListener('click', compterClic_gauche);
page.addEventListener('contextmenu', compterClic_droit);
</script>
</body>
</html>