2015-05-22 38 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

相關問題