JavaScript - méthode onClick

Pour détecter un clique sur un élément à intérieur d'une page web, il suffit d'utiliser la méthode JavaScript onClick() qui prend comme paramètre 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:

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é.

JavaScript - méthode onClick

Commentaires (0)

Laisser un commentaire

Connectez-vous pour commenter