Jaki jest najlepszy sposób obsługi zdarzeń longtap i double-tap na urządzeniach mobilnych za pomocą jQuery?

Odpowiedź Rsplaka jest dobra. Sprawdziłem ten link i działa dobrze.

Implementuje jednak tylko funkcję doubletap jQuery

Potrzebowałem niestandardowego zdarzenia doubletap , do którego mógłbym powiązać/delegować. tj.

$('.myelement').bind('doubletap', function(event){
    //...
});

Spójrz tutaj: https://gist.github.com/1652946 może się komuś przydać.

Wystarczy użyć wielotouchowej biblioteki JavaScript, takiej jak Hammer.js . Następnie możesz napisać kod w stylu:

canvas
    .hammer({prevent_default: true})
    .bind('doubletap', function(e) { // Also fires on double click
        // Generate a pony
    })
    .bind('hold', function(e) {
        // Generate a unicorn
    });

Obsługuje tap, double tap, swipe, hold, transform (TJ, pinch) i przeciągnij. Zdarzenia dotykowe uruchamiane są również wtedy, gdy występują równoważne działania myszy, więc nie trzeba pisać dwóch zestawów procedur obsługi zdarzeń. Oh, I potrzebujesz wtyczki jQuery, jeśli chcesz być w stanie pisać w jquery sposób, jak ja.

napisałem bardzo podobną odpowiedź na to pytanie ponieważ jest również bardzo popularny, ale niezbyt dobrze odpowiedział.

Możesz również użyć jQuery Finger , który obsługuje również delegację zdarzeń:

Dla longtap :

// direct event
$('selector').on('press', function() { /* handle event */ });

// delegated event
$('ancestor').on('press', 'selector', function() { /* handle event */ });

Dla double tap :

// direct event
$('selector').on('doubletap', function() { /* handle event */ });

// delegated event
$('ancestor').on('doubletap', 'selector', function() { /* handle event */ });

Oto dość podstawowy zarys funkcji, którą możesz rozszerzyć dla longtap:

$('#myDiv').mousedown(function() {
    var d = new Date;
    a = d.getTime();
});

$('#myDiv').mouseup(function() {
    var d = new Date;
    b = d.getTime();

    if (b-a > 500) {
        alert('This has been a longtouch!');
    }
});

Długość czasu może być określona przez blok if w funkcji mouseup. To prawdopodobnie może być wzmocnione na dobry interes. Mam jsFiddle ustawiony dla tych, którzy chcą się nim bawić.

EDIT: właśnie zdałem sobie sprawę, że to zależy od mousedown i mouseup bycia wystrzelonym z dotknięciem palca. Jeśli tak nie jest, to zastąp odpowiednią metodę... Nie jestem że zna się na rozwoju mobilnym.

Na podstawie najnowszych dokumentów jquery napisałem Zdarzenie doubletap

Https://gist.github.com/attenzione/7098476

 function itemTapEvent(event) {
    if (event.type == 'touchend') {
        var lastTouch = $(this).data('lastTouch') || {lastTime: 0},
            now       = event.timeStamp,
            delta     = now - lastTouch.lastTime;

            if ( delta > 20 && delta < 250 ) {
                if (lastTouch.timerEv)
                  clearTimeout(lastTouch.timerEv);
                return;
            } else
                $(this).data('lastTouch', {lastTime: now});

            $(this).data('lastTouch')['timerEv'] = setTimeout(function() {
                $(this).trigger('touchend');
            }, 250);
    }
    }

    $('selector').bind('touchend', itemTapEvent);