设定动态输入范围

Question

我制作“ css3动画网站”，希望用户能够通过“范围输入”来控制值。 我想使结果在范围输入中显示为“值”，但在jQuery中不是javascript

Answer 1

您可以检查范围输入中的input事件，然后使用$('#val').html($(this).val())设置范围值的HTML

请参见以下示例：

$('input[type="range"]').on('input', function() {
  $('#val').html($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" />
<p>Value: <span id="val">50</span>