我正在尝试将 HTML5 输入范围滑块的实时输出获取到 JavaScript 变量中。现在,我正在使用<input type="range" id="rangevalue" onchange="arduino()">
我让它工作的方式是做我想做的事,但这不是“实时”。
我希望在您拖动滑块时它会更新变量,而不仅仅是在您放开滑块时。例如:当我将滑块从 1 拖动到 5 时,我希望变量在拖动时更新,因此它将更新为 1,2,3,4,5,而不仅仅是从 1 跳转到 5 一次我松开滑块。
可以做这样的事吗?有什么建议吗?我使用的是 jQuery 滑块插件,但它不兼容触摸,这消除了它的用途。
提前感谢所有帮助!
编辑 - 我一定没有解释得足够好,我知道如何获取范围滑块的值,我只想从中获得“实时”输出。
$("#rangevalue").mousemove(function () {
$("#text").text($("#rangevalue").val())
})
jsFiddle 示例 http://jsfiddle.net/j08691/2md8h9x6/
或者用普通的 JS:
var inp = document.getElementById('rangevalue');
inp.addEventListener("mousemove", function () {
document.getElementById('text').innerHTML = this.value;
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)