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

Question

我想从头开始创建像滑块一样的滑块，但我不知道如何检测用户在滑块上单击的水平位置。

例如，如果我在中间点击foo div，它会返回50％。如果我有这样的话，我很容易相应地调整滑块的填充格宽度。

Answer 1

试试这个小提琴：http://jsfiddle.net/UCFtB/1/

脚本：

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