[CLOSED] Avoid itemtap after itemtaphold

[sveins12]

Is there a common way of avoiding itemtap being fired after itemtaphold?

[sveins12]

I found a "dirty" way to do it, but I think it should be built into extjs.

    // regTapHold should be called from the itemtaphold handler.
    function regTapHold(e) {  
        e._tapHold = true;
    }

    // checkTapHold should be called from the itemtap handler, 
    // and if this function returnes true, then skip further execution in that handler. 
    function checkTapHold(e) { 
        if (e._tapHold == true) {
            e._tapHold = false;
            return true;
        } return false;
    }

[fabricio.murta]

Hello @sveins12! And thanks for sharing the solution that works for you.

Seems there's not much discussion about this around, at least I couldn't find it. And I'm not completely sure in which scenarios that would be a problem, but sounds like an useful feature, for example, to show tooltips on a button when using mobile devices -- quick tap triggers it, and long tap just shows an explanation on what the button does.

I'm not sure about how "portable" across browsers is your approach, maybe that would be the main issue about handling the different tap behaviors.

[sveins12]

Usually I would like one behavior to occur when tapping quickly and another behavior when the user is holding down an item for a long time.

The problem is that itemtap is always fired when releasing the finger after a long-tap.

Maybe itemtap is not the correct event to use when tapping an item quickly/normally? Is there another event for this, which is not always fired when releasing the finger?

I have seen other discussions about this in the Sencha Touch forums, but I haven't found an acceptable solution there. By the way my solution is standard JavaScript, and I think it should work on all the browsers that support Extjs. But offcourse I don't know if it will mess up other touch events.

[fabricio.murta]

Hello @sveins12!

What component exactly are you using as base for the itemtap event? I believe your approach is nice, maybe there could be a 'fasttap' or 'quicktap', 'brieftap' -- something like this -- that implements this approach of checking if the tap was long or slow.

[sveins12]

I am using a Grid component.