Introduction détaillée des événements tactiles de l'écran tactile du téléphone mobile HTML5

De nombreux nouveaux événements ont été ajoutés au HTML5, mais comme leurs problèmes de compatibilité ne sont pas idéaux et que leur application pratique n'est pas très forte, ils sont fondamentalement omis ici à l'avenir. , à mesure que la situation de compatibilité s'améliore. Plus de partage sera ajouté à l'avenir.

Les événements qui vous sont présentés aujourd'hui sont principalement des événements tactiles :

touchstart : déclenché lorsque le toucher démarre
touchmove : déclenché lorsque le doigt glisse sur l'écran
touchend : le toucher se termine

se déclenche au toucher : une liste de tous les doigts actuellement sur l'écran.

targetTouches : Une liste de doigts situés sur l'élément DOM actuel.

changedTouches : une liste de doigts impliqués dans l'événement en cours.

Chaque point de contact contient les informations tactiles suivantes (couramment utilisées) :

identifiant : une valeur numérique qui identifie de manière unique le doigt en cours dans la session tactile. Généralement un numéro de série commençant à 0 (android4.1, uc)

target : élément DOM, qui est la cible de l'action.

pageX/pageX/clientX/clientY/screenX/screenY : une valeur, la position sur l'écran où l'action se produit (la page inclut la distance de défilement, le client n'inclut pas la distance de défilement et l'écran est basé sur l'écran) .
radiusX/radiusY/rotationAngle : dessinez une ellipse à peu près équivalente à la forme d'un doigt, avec respectivement les deux rayons et angles de rotation de l'ellipse. Le navigateur de test préliminaire ne le prend pas en charge. Heureusement, la fonction n'est pas couramment utilisée. Les commentaires sont les bienvenus.

Le code est le suivant :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!