javascript - 检测用户点击水平位置的百分比

Question

我正在尝试从头开始制作一个像 jQuery UI 那样的 slider ，但我不确定如何检测用户单击 slider 的水平位置。

例如，如果我点击中间的 foo div，它将返回 50%。如果我有的话，我就可以很容易地相应地调整 slider 的填充 div 宽度。

Answer 1

试试这个 fiddle :http://jsfiddle.net/UCFtB/1/

脚本:

$("#test").mousemove(function(e){
    var perc = e.offsetX/ $(this).width() * 100;
    $(this).html(e.offsetX + " | " + perc + " perc");
});