javascript - 随着HTML5范围滑块的移动，连续更改文本框的值

我有一对分别是文本和范围类型的输入
<input type=range min=100 max=100000 val=1000 step=1000 id=priceSliderMin></input>
<input type=text id=priceTextMin></input>
我还有一对jQuery函数，可以在其他更改时更新合作伙伴输入。

$('#priceSliderMin').change(function(event){
$('#priceTextMin').prop('value', parseInt($('#priceSliderMin').prop('value')));
});
$('#priceTextMin').keyup(function(event){
$('#priceSliderMin').prop('value', parseInt($('#priceTextMin').prop('value')))
})

问题是，在我释放鼠标按钮之前，滑块不会更新文本字段。有什么方法可以在它移动时更新它吗？我发现一个使用原始Javascript的example似乎很有效，但我不能用jQuery复制它，即使使用Chrome。

最佳答案

如果您使用示例查看该页的源代码，则它们实际上是在拖动时使用oninput来侦听更改（发布的源代码显示onchange，在拖动完成之前不会触发）。要在jQuery中执行此操作，请尝试以下操作。。。

$('#priceSliderMin').on('input', function(){
    $('#priceTextMin').val($('#priceSliderMin').val());
});

Demo - Fiddle