如何綁定使用JavaScript/jQuery的/淘汰賽JS號碼範圍欄

Question

我想這下面的代碼的數組：

<input type="range" id="slider1" min="0" max="6" step="1" value="1"> 
<output id="output"></output> 

var values = [2, 4, 8, 16, 32, 64, 128]; 
$('#slider1').change(function() { 
    $('.slider #slider1').attr('value', values[this.value]); 
    memoryslider = $('input[id="slider1"]').attr('value'); 
    var data = document.getElementById("output"); 
    data.innerText = memoryslider; 
}); 

這工作得很好，但出來的鼠標點擊後放出，但我想鼠標移動時的輸出值，有沒有可能請幫助我..

Answer 1

要在拖動範圍的同時實現#output元素的更新，您應該使用input事件。在更改輸入時，您也不應該手動更改value屬性。試試這個：

var values = [2, 4, 8, 16, 32, 64, 128]; 
 
$('#slider1').on('change input', function() { 
 
    var value = values[this.value]; 
 
    $("#output").text(value); 
 
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="range" id="slider1" min="0" max="6" step="1" value="1"> 
 
<output id="output"></output>