Comment détecter le toucher d'un écran tactile en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-05-24 18:34:32
Thèmes : webmaster - javascript
Question

Comment puis-je détecter le toucher d'un écran tactile en JavaScript ?

Réponse

Pour détecter si un utilisateur touche un écran tactile, via JavaScript, vous pouvez utiliser trois événements :

  • ontouchstart : un gestionnaire d'événements qui gère les événements déclenchés après avoir touché un élément DOM.
  • maxTouchPoints : une propriété qui renvoie le nombre maximal de points de contact tactiles pris en charge par l'appareil.
  • msMaxTouchPoints : identique à maxTouchPoints mais prend en charge les navigateurs anciens.

Exemple de fonction JavaScript pour détecter le toucher d'un écran tactile :

<script>
function event_toucher(){ 
return ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);
}
if(event_toucher()){alert('ecran tactile');} 
</script>