如何使用jquery流畅地显示输入范围的值？

Question

我有这个代码here及以下...

但如何使用jQuery来显示输入范围的流利值？现在它可以工作，但不流利。感谢帮助。

JS：

$("#price").change(function() {      
    var newValue = $('#price').val(); 
    $("#valuePrice").html(newValue); 
    $('#block').css({'margin-left':+newValue}); 
}); 

HTML：

<div class="filterField"> 
<label>Price:</label> 
<input type="range" name="price" id="price" min="0" max="1000" value="3" /> 
<div class="rangeValue"><div id="valuePrice">3</div></div> 
</div> 
<div id="block"></div> 

Answer 1

处理 “输入” 事件：

$("#price").on("input", function() {      
... 
}); 

Answer 2

你可以使用鼠标移动

$("#price").on('change mousemove',function() {      
    var newValue = $(this).val(); 
    $("#valuePrice").html(newValue); 
    $('#block').css({'margin-left':+newValue}); 
}); 

SEE DEMO