interactjs" hold"灵敏度

时间:2015-05-22 06:50:20

标签: javascript ios user-interaction

使用interactjs,有没有办法控制拖动v hold的灵敏度?在PC上使用鼠标轻松获取保持事件。在iPad / iPhone屏幕上,灵敏度(主要是手指压力变化)使得很难获得" hold"通知。它几乎总是"拖动"。

a repo fiddle here

互动代码如下:

interact('.draggable')
    .draggable(
        {
            inertia: false,
        }
    )
    .on('dragmove', function(event) 
    {                       
        event.preventDefault();

        var label = document.getElementById("label");

        if(label)
        {
            label.innerHTML = "DRAG";
        }        
    })
    .on('tap', function(event) {                
        event.preventDefault();

        var label = document.getElementById("label");

        if(label)
        {
            label.innerHTML = "TAP";
        }        
    })
    .on('down', function(event) {
        event.preventDefault();

        var label = document.getElementById("label");

        if(label)
        {
            label.innerHTML = "DOWN";
        }
    })
    .on('hold', function(event) {
        event.preventDefault();

        var label = document.getElementById("label");

        if(label)
        {
            label.innerHTML = "HOLD";
        }
    })
    .on('up', function(event) {
        event.preventDefault();

        var label = document.getElementById("label");

        if(label)
        {
            label.innerHTML = "UP";
        }
    });

1 个答案:

答案 0 :(得分:1)

interact.pointerMoveTolerance( distance );

其中distance是在没有移动/动作发生的情况下按下指针后指针可以移动的距离(以像素为单位)。

您可以通过调整this demo

中的滑块来查看效果