Maison > interface Web > Tutoriel H5 > le corps du texte

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

黄舟
Libérer: 2017-03-28 15:13:40
original
2546 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!