Javascript jQuery动态更新输入类型范围

我正试着做这样的事情：

代码：

$（'#chanceSlider'）。on（'change'，function（）{
$（'chance'）.val（$（'chanceSlider'）.val（））；
});
$（'#chance'）。在（'keyup'，function（）上{
$（'chanceSlider'）.val（$（'chance'）.val（））；
});

但是，我希望当您单击并移动“滑块”时，输入的值能够动态更新，而无需从中释放鼠标

编辑：我不想使用JQUERY UI

要绑定的事件不是“更改”，它应该是“输入”

比如：

$('#chanceSlider').on('input', function(){
    $('#chance').val($('#chanceSlider').val());
});

---

我以为你想做一个小滑块。。。我创造了

希望有一天它能帮助一些人

0

谢谢，如果希望值为整数，该怎么办？您需要使用“parseInt（）”函数。您必须先解析chanceSlider中的值，然后才能将其作为值发送到“chance”

$('#chanceSlider').on('input', function(){
    $('#chance').val($('#chanceSlider').val());
});

<div id="line">
    <hr/>
</div>
<div id="bar"></div>
<div id="show">0</div>