2015-05-22 23 views
0

使用interactjs,有没有什么办法来控制拖拽v的灵敏度?在PC上用鼠标轻松实现保持事件很容易。在iPad/iPhone屏幕上的灵敏度(主要是手指压力变化)使得很难获得“保留”通知。它几乎总是一个“拖动”。interactjs“hold”sensitivity

There's 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
interact.pointerMoveTolerance(distance); 

其中distance是,所述指针可以被按下而不移动/动作发生后移动的像素的距离。

您可以通过在this demo

+0

调整滑块看到效果我最初误解的问题,并给了一个不正确的答案。我现在纠正了它。 – taye

相关问题