obtenir des évènements touchstart coordonner sur l'élément courant

J'ai donc un élément qui ressemble à ceci:

 ____________________________________
/                                    \
|                                    |
|                                    |
+------------------------------------+
|                                    |
|                                    |
|                                    |
+------------------------------------+
|                                    |
|                                    |
\____________________________________/

J'ai joint un écouteur d'évènements touchstart, comme ceci:

    other_options.addEventListener('touchstart', function(e) {
        event.preventDefault();
    }, false);

Ce que je veux faire, et j'ai déjà regardé à travers les valeurs de " e " mais je ne peux pas trouver une valeur assez conséquente (les valeurs ne semble pas juste pour moi quand je les essayer) de faire ce que je veux.

Je sais que la taille de ces lignes. Je veux juste être en mesure de prendre la coordonnée Y de l'endroit où les évènements touchstart événement déclenché, de 0 la partie supérieure de coordonnées de l'élément. De cette façon, les Maths.étage(y /ROW_SIZE) va me donner la ligne les évènements touchstart d'événement a démarré.

OriginalL'auteur h4lc0n | 2013-01-23

  1. 10

    Vous avez accès à ce genre.

    e.touches[0].clientX/clientY.

    le nombre touchs et le toucher de l'information peut être l'accès par l'intermédiaire d'e.touche.

    Jeter un regard à cette FAQ.

    Comment obtenir le x/y de coordonnées dans les événements tactiles ?

    ici est l'événement tactile la documentation.

    Par la manière, les événements sont de retour de x/y de coordonnées par rapport à la fenêtre. nous ne pouvons pas changé. ce que vous pouvez faire cela. top= 0 - element.top; x= clientx-top.

    C'est de me donner des coordonnées, mais j'aimerais avoir un parent de coordonnées (sens y=0 quand j'appuie sur le haut de l'élément, c'est effectivement de me donner 161 probablement en raison de marges). Est il possible que je peux au moins savoir le réel de la position supérieure si je peux juste soustraire et d'obtenir un 0 en haut?
    pourriez-vous s'il vous plaît créer jsfiddle.
    Je vais lui donner un aller, je n'ai pas utilisé beaucoup
    ok cela fonctionne, jsfiddle.net/A6LBz mon but est, en cliquant en haut de la rouge élément, je veux avoir un "0", et non pas 100 comme on le voit aujourd'hui en raison de marges ou de tout ce qui est déplacement de l'élément. merci pour votre temps, par la voie
    oh, je n'ai pas dit cela, mais je voudrais être en mesure de le faire sans avoir à connaître l'élément est de 95 pixels à partir du haut (sinon, je voudrais juste coder en dur une -95)

    OriginalL'auteur BalaKrishnan웃

  2. 1

    Il est préférable d'utiliser getBoundingClientRect() méthode de calcul de haut & à gauche les valeurs d'un élément.

    L'approche ci-dessus, element.top, ne peut plus donner en haut & à gauche des valeurs par rapport à la fenêtre d'affichage si l'élément est dans un autre contenant.

    Pour calculer touch coordonnées par rapport à l'élément, nous pouvons faire en tant que ci-dessous.

    var rect = element.getBoundingClientRect();
xCoordinate = event.touches[0].clientX - rect.left;
yCoordinate = event.touches[0].clientY - rect.top;

    Pour en savoir plus sur getBoundingClientRect() méthode, cliquez ici.

    OriginalL'auteur Venkat