javascript - jQuery HTML5 范围 slider 中的实时输出

Question

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

我让它工作的方式是做我想做的事，但它不是“实时的”。 我想让它在您拖动 slider 时更新变量，而不仅仅是在您放开后。例如:当我将 slider 从 1 拖动到 5 时，我希望变量在拖动时更新，因此它会更新为 1,2,3,4,5 而不仅仅是从 1 跳到 5 一次我松开 slider 。

有可能做这样的事情吗？有什么建议吗？我使用的是 jQuery slider 插件，但它与触摸不兼容，因此失去了它的用途。

提前感谢所有帮助!

编辑 - 我一定解释得不够好，我知道如何获取范围 slider 的值，我只想从中获取“实时”输出。

Answer 1

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

jsFiddle example

或者在普通 JS 中:

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