écran tactile est déjà la norme des appareils électroniques autour de nous.Bien s?r, avec l''avènement de l''événement tactile de l''écran tactile, les utilisateurs utilisent la plupart des événements, il!

  L''utilisation d''événements à écran tactile, d''autres événements de souris d''origine pour ne pas l''utiliser?Bien s?r que non, mais pas si facile ah.

  Pour les événements de souris qui convenaient?

  dbclick

  appareil à écran tactile ne prend pas en charge l''événement double-cliquez sur.Double-cliquez sur la fenêtre du navigateur, vous agrandir l''écran.

  En ajoutant une telle ligne dans les balises de tête:

  Copiez le code est le suivant:

  

  Peut être atteint, nous n''écrirons pas la page avec l''utilisation de gestes et de zoom.

  A propos de l''étiquette, je ne l''ai pas étudié, ah péché.

  Souris

  Sur l''écran tactile, il suffit de cliquer sur un élément, il déclenchera le lieu :, alors quand nous écrivons l''interface client mobile, vous pouvez ajouter des événements passer directement aux éléments, peut améliorer l''efficacité.

  Déclenchera également les résultats des tests, j''ai trouvé que seulement lorsque la page est la première mise à jour, cliquez sur le déclencheur élément participants à l''événement mouseover.

  Avec la popularisation du terminal mobile en utilisant un appareil à écran tactile, les spécifications du W3C ont commencé à développer TouchEvent.

  événement tactile

  Lorsque de tels événements seront placés dans le doigt de l''utilisateur au-dessus de l''écran, faites glisser sur l''écran, ou lorsque le déclencheur est retiré de l''écran.Plus précisément, il y a plusieurs événements tactiles.

  1, touchstart

  Lorsque le doigt de déclenchement sur l''écran.

  2, touchmove

  Lorsque votre doigt sur l''écran de déclenchement en continu.

  3, touchEnd

  Lorsque le doigt déclencheur hors de l''écran.

  4, touchcancel

  Se déclenche lorsque le système arrête le système de suivi annulé lorsque le document est pas d''explication claire.

  [Total] plus de quatre, il est un w3c d''événement tactile fourni uniquement pour les appareils tactiles, le plus souvent les trois premiers.

  Depuis l''écran tactile conduira à se déplacer, il peut donc être utilisé sur le gestionnaire d''événements pour ces événements pour empêcher l''écran du défilement par défaut.

  En plus des propriétés DOM couramment utilisés, événement tactile comprend en outre les trois attributs d''une touche pour le suivi suivantes.

  1, des touches: un tableau d''objets contact opération tactile est actuellement suivie.

  Quand un doigt sur l''écran tactile, un événement.touches.longueur = 1,

  Lorsque deux doigts sur l''écran tactile, un événement.touches.longueur = 2, et ainsi de suite.

  2, targetTouches: matrice cible spécifique à l''événement objet de contact.

  Parce que l''événement tactile bulle, alors profitez de cet attribut indique l''objet cible.

  3, changedTouches: Un tableau de ce changement est intervenu depuis la dernière touche de l''objet tactile.

  Chaque objet tactile comprend les attributs suivants:

  4, clientX: coordonnée x de la cible de contact dans la fenêtre.

  clientY: toucher la cible dans la bouche, comme la coordonnée y.

  identifiant: ID unique identifie contact.

  pageX: Appuyez sur la cible dans les coordonnées x de la page.

  pageY: Touchez les coordonnées cibles y sur la page.

  screenX: Appuyez sur la cible dans l''écran des coordonnées x.

  screenY: cible tactile coordonnées y de l''écran.

  Cible tactile noeud DOM cible.

  [Comment l''utiliser?]

  EventUtil.addHandler (div, "touchstart", function (un événement) {

  div.innerHTML = événement.touche [0].clientX + '''' + événement.touche [0].clientY;

  });

  EventUtil.addHandler (div, "touchmove", function (event) {

  event.preventDefault ();

  div.innerHTML = événement.touche [0].clientX;

  });

  EventUtil.addHandler (div, "touchEnd", function (event) {

  div.innerHTML = événement.changedTouches [0].clientY;

  });

  Lorsque vous utilisez clientX ., vous devez indiquer le contact d''un objet spécifique, plut?t que de tableau spécifié directement.

  Dans le gestionnaire d''événements, lorsque l''événement se produit, qui n''a pas effleurements les objets tactiles, cette fois-ci, il est nécessaire d''utiliser un ensemble de changeTouches.

  événement Gesture

  gesturestart: Déclenché lorsqu''un doigt a été pressé sur l''écran, tandis que l''autre écran du doigt et le toucher.

  gesturechange: Déclenché lorsque toute position d''un doigt touchant l''écran change.

  gestureend: Déclenché lorsque l''un quelconque du doigt est retiré de l''écran au-dessus.

  [Note] Ces événements gestes ne touchent lorsque le navire de réception de deux doigts pour déclencher un événement.

  La relation entre l''événement tactile et les événements de mouvement

  1, quand un doigt sur l''écran, il déclenche un événement, si l''on met un doigt sur l''écran, il déclenche un événement, le doigt de déclenchement d''événement est alors basé.

  2, si un ou deux glisser le doigt sur l''écran sera l''événement déclencheur, mais aussi longtemps que il y a un large doigt, il déclenche l''événement, événement déclencheur immédiatement.

  Gesture propriété exclusive

  rotation: un doigt est causée par des changements dans l''angle de rotation, une valeur négative indique le sens antihoraire, les valeurs positives indiquent le sens horaire, à partir de zéro.

  échelle: le cas représente la distance entre les deux doigts de contraction vers l''intérieur va raccourcir la distance, la valeur commence à 1 et augmente avec l''élargissement de la distance.

  C''est tout pour cet article, je veux être utile d''apprendre, je l''espère vous aider Accueil scénario.

  Vous pouvez également être intéressé par l''article: moniteur JS en utilisant les événements de presse du clavier (événement keydown) change moniteur jQuery / JS dans l''exemple de variation des fichiers journaux du moniteur NodeJS des valeurs d''entrée de la zone de saisie processus analytique pour vous enseigner trois minutes en utilisant les js natifs obtenir un fichier de barre de progression méthodes Télécharger vuejs composants de l''écoute dans la fenêtre se ferme et l''événementiel de rafra?chissement de la fenêtre angulaire.js tactile slide exemple de code d''animation mis en ?uvre JS type pop imitation version web app écran tactile de défilement sélecteur de liste / sélecteur de date de fin pour déplacer js détaillée des événements tactiles javascript dans le développement de l''événement événement tactile tactile tactile mobile auditeur code détaillé JavaScript exemples

événements tactiles JS, événements geste détaillée

Recommend Article: