jQuery-aufrufende click-Ereignis nach taphold Veranstaltung

Eher als tap und taphold (das habe ich versucht zu nutzen, aber die lief in das gleiche Probleme, es scheint, um eine inhärente Problem mit der taphold Veranstaltung), die Sie verwenden können vmousedown und ein flag setzen, dann binden vmouseup um festzustellen, ob es war ein tap oder eine taphold:

var tapTime = 0;
$('#my_item_'+items[idx].user_item_id).bind('vmousedown vmouseup', function (event) {
    if (event.type == 'vmousedown') {
        tapTime = new Date().getTime();
    } else {
        //event.type == 'vmouseup'
        //here you can check how long the `tap` was to determine what do do

        var duration = (new Date().getTime() - tapTime);
        if (duration > 3000) {
            //this is a tap-hold
            ShowMyItemInfo(items[idx]);
        } else {
            //this is a tap
            FitMyUpgradeItem(items[idx]);
        }
    }
});

Damit das richtig funktioniert müssen Sie eine IIFE um den loop-code oder ändern ShowMyItemInfo(items[idx]); zu arbeiten, ohne Bezug auf die variable, die ändert sich bei jeder iteration der Schleife. Ein einfach zu erstellen Sie eine IIFE ist, um Sie nur $.each(). Ansonsten ist die Schleife würde etwa so Aussehen:

for(var idx in items)
{
    (function (idx) {
        ...
    })(idx);
}

IIFE = Sofort-Aufgerufen-Funktion-Ausdruck. Es ermöglicht uns, einen "Schnappschuss" des aktuellen Status von Variablen wir gehen in die IIFE. So passieren wir in idx (technisch die zweite Instanz ist die variable, die übergeben, und die erste Instanz wird die variable innerhalb des IIFE, was könnte geändert werden, um so etwas wie ids_new Einfachheit halber), und der Wert der übergeben wird, wird gespeichert, wenn die tap event-handler feuert.

Update

Können Sie auch ein Zeitlimit, um zu bestimmen taphold anstatt mit den vmouseup Veranstaltung:

//setup a timer and a flag variable
var tapTimer,
    isTapHold = false;
$('#my_item_'+items[idx].user_item_id).bind('vmousedown vmouseup', function (event) {
    if (event.type == 'vmousedown') {

        //set the timer to run the `taphold` function in three seconds
        //
        tapTimer = setTimeout(function () {
            isTapHold = true;
            ShowMyItemInfo(items[idx]);
        }, 3000);
    } else {
        //event.type == 'vmouseup'
        //clear the timeout if it hasn't yet occured
        clearTimeout(tapTimer);    

        //if the flag is set to false then this is a `tap` event
        if (!isTapHold) {
            //this is a tap, not a tap-hold
            FitMyUpgradeItem(items[idx]);
        }

        //reset flag
        isTapHold = false;
    }
});

Diese Weise das Ereignis wird ausgelöst, nachdem der Benutzer nach unten hält, den finger für drei Sekunden. Dann die tap event-handler wird nur ausgelöst, wenn, die drei Sekunden nicht auftreten.

Persönlich, ich dachte, die Antworten hier stark über-kompliziert das Thema. Wenn Sie wollen einfach nur eine einfache Möglichkeit, um in der Lage sein, auch weiterhin mit den taphold Ereignis und ignorieren das click-Ereignis, das ausgelöst wird, wenn Sie release eine taphold, ist hier, wie ich gelöst habe das gleiche problem in meinem Projekt:

//We will use this flag to ignore click events we don't want
var skipNextClick = false;

//Set up your event handler.  You could do these using two handlers or one.  I chose one.

$('div.element').on('click taphold', function (e) {
    //set up a quick bool flag that is true if click
    var isClick = (e.type == 'click');

    if (isClick && !skipNextClick) {
        //run your code for normal click events here...

    }
    else if (isClick && skipNextClick) {
        //this is where skipped click events will end up...

        //we need to reset our skipNextClick flag here,
        //this way, our next click will not be ignored
        skipNextClick = false;
    }
    else {
        //taphold event

        //to ignore the click event that fires when you release your taphold,
        //we set the skipNextClick flag to true here.
        skipNextClick = true;

        //run your code for taphold events here...

    }
});