javascript - 创建范围 slider ，无 jQuery

Question

我将如何创建一个范围 slider ，如下所示(仅水平 slider )？每次用户移动 slider 时，该值都应发送到 JavaScript 函数。

我不想使用 jQuery 或任何其他预制脚本。我想自己编码，这样我就能理解它。也没有 HTML5，因为它相当新，而且绝大多数人都没有启用 HTML5 的浏览器。

Answer 1

您可以使用 HTML5 的“范围”输入类型，

Minimum value<input type="range" id="myrange" min="1" max="100" step="1" onchange="updateValue(this.value);> Maximum value

这是一个显示值的 JavaScript 函数:

<script type="text/javascript">
function updateValue(val) {
  alert(val) ;
}