jQuery HTML5范围滑块中的实时输出

Question

我正在尝试将HTML5输入范围滑块的实时输出转换为javascript变量.现在,我正在使用<input type="range" id="rangevalue" onchange="arduino()">

我工作的方式是做我想做的事,但它不是"活着的".我想在你拖动滑块时这样做,它会更新变量,而不仅仅是你松开后.例如:当我将滑块从1拖动到5时,我希望变量在我拖动时更新,因此它将以1,2,3,4,5更新,而不仅仅是从1跳到5我释放了滑块.

有可能做这样的事吗？有什么建议？我正在使用jQuery滑块插件,但它没有触摸兼容,这消除了它的目的.

感谢您提前帮助!

编辑 - 我一定不能解释得足够好,我知道如何获得范围滑块的值,我只想从中获得"实时"输出.

Answer 1

$("#rangevalue").mousemove(function () {
    $("#text").text($("#rangevalue").val())
})

jsFiddle例子

或者在普通JS中:

var inp = document.getElementById('rangevalue');
inp.addEventListener("mousemove", function () {
    document.getElementById('text').innerHTML = this.value;
});