如何計算百分比javascript的鼠標座標？

Question

我有元素的起始座標和結束座標，我怎麼知道百分比移動。

代碼

element.bind('mousedown', function(e) { 
       event.preventDefault(); 
       start(e); 
      }); 
function start(e){ 
    start = e.clientX, 
    width = element.innerWidth(); 
    $document.bind('mousemove', dragging); 
} 
function dragging(e) { 
    var offset = start - e.clientX; 
    console.log(offset); // In Px 
} 

我怎麼能轉換偏移量的百分比？

說起點是10和終點是90 然後像素運動80px和百分比運動是10％

感謝

Answer 1

你可以計算的百分比變化，這是(endPoint-startPoint)/startPoint x 100。

function dragging(e) { 
    var percentageChange = (e.clientX - start)/start * 100; 
    console.log(percentageChange); // In Px 
}