Obtenir la durée d'une touche en javascript

Est-il possible d'obtenir la durée d'une touche à l'aide de javascript sur les appareils ios (et d'autres si possible)? Je tiens à différencier une pression longue d'un court ", cliquez sur" appuyez sur une webapp iphone.

Merci pour vos commentaires 🙂

Je ne suis pas sûr de savoir si cela peut se produire, mais vous pouvez trouver quelques réponses en regardant certains jQuery options touch. La plupart de tous, je voudrais vérifier hors de Safari d'Apple dev center pour obtenir des réponses. Si vous pouvez le faire en natif, il va vous dire comment le faire.
pertinentes w3c docs pour les événements tactiles: dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html

OriginalL'auteur cmplieger | 2011-05-18

  1. 18
    $('#element').each(function() {

   var timeout,
       longtouch;

   $(this).bind('touchstart', function() {
      timeout = setTimeout(function() {
          longtouch = true;
      }, 1000);
   }).bind('touchend', function() {
       if (longtouch) {
          //It was a long touch.
       }
       longtouch = false;
       clearTimeout(timeout);
   });

});

    jsFiddle.

    Le violon fonctionne avec un long sur.

    hey merci! avec ontouchstart et ontouchend je peux faire cela dans les événements tactiles, je suppose :). Laissez-moi essayer.
    Je vais faire un edit.
    Cela ne fonctionne pas sur FF sur android au moins. J'obtiens un "court-touch" à chaque fois, peu-importe combien de temps je presse...
    Voir mise à jour 🙂
    et touchend de les événements tactiles. Comme Alex montre, démarrer un délai d'attente lorsque vous obtenez un évènements touchstart, puis, quand vous obtenez un touchend événement de voir combien de temps il a fallu. Notez que vous pourrez également obtenir un cliquez et peut-être d'autres événements liés à la même geste.

    OriginalL'auteur alex

  2. 3

    Prendre un coup d'oeil à jQuery mobile http://jquerymobile.com/demos/1.0a4.1/#docs/api/events.html

    Il a tap, et taphold événements, qui sonne comme il pourrait l'adapter à vos besoins.

    nan je veux le faire moi-même. ne pas compter sur une bibliothèque 🙂
    Eh bien, alors, voici comment jQuery faire: pastie.org/1919250, ne devrait pas être trop difficile à décoder. Il semble qu'ils sont à l'aide de vmousedown-événements, qui pourrait être un virtuel de la souris vers le bas de l'événement pris en charge par les smartphones, ou tout autre chose (customely faite par jQuery, que sais-je), mais il devrait être assez pour vous obtenir a commencé au moins.

    OriginalL'auteur Alxandr

  3. 0

    Vous pouvez vérifier le temps de l'identifier, Cliquez ou Appuyez longuement sur [jQuery]

    function AddButtonEventListener() {
try {
var mousedowntime;
var presstime;
$("button[id$='" + buttonID + "']").mousedown(function() {
    var d = new Date();
    mousedowntime = d.getTime();
});
$("button[id$='" + buttonID + "']").mouseup(function() {
    var d = new Date();
    presstime = d.getTime() - mousedowntime;
    if (presstime > 999/*You can decide the time*/) {
        //Do_Action_Long_Press_Event();
    }
    else {
        //Do_Action_Click_Event();
    }
});
}
catch (err) {
alert(err.message);
}
}

    OriginalL'auteur Derin