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
}

如何用百分比javascript计算鼠标坐标？

1 个答案: