檢測用戶點擊的水平位置的百分比

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"); 
});