javascript - 交互js "hold"灵敏度

Question

使用interactjs ，有什么办法可以控制drag vhold的灵敏度吗？在 PC 上，使用鼠标触发保持事件非常容易。在 iPad/iPhone 上，屏幕灵敏度(主要是手指压力的变化)使得很难获得“按住”通知。这几乎总是一种“拖累”。

有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";
        }
    });

Answer 1

interact.pointerMoveTolerance( distance );

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

调整this demo中的 slider 即可看到效果