Javascript HTML5范围滑块值使用jQuery（而不是UI）随时可用

我使用默认的HTML5范围滑块。它可以工作，但是否可以在移动中更改此滑块的值（当在范围栏上单击鼠标按钮并将鼠标滑向任意一侧时）？ 重要提示：不使用jQueryUI，但只使用jQuery（或纯JS）可以吗

HTML:

<input type="range" name="oc-max-price" id="oc-max-price" min="390" max="5000" step="10" value="5000">
<span id="oc-max-price-val">5000</span>

$('#oc-max-price').change(function () {
    var mP = $('#oc-max-price').val();
    $('#oc-max-price-val').text(mP);
    console.log(mP);
});

---

使用

oninput

   $(document).ready(function(){
       $('#oc-max-price').on("input", function () {
        var mP = $('#oc-max-price').val();
        $('#oc-max-price-val').text(mP);
        console.log(mP);
    }); 
    });

纯

JavaScript

var input = document.querySelector('#oc-max-price');

var messages = document.querySelector('#oc-max-price-val');

input.addEventListener('input', function()
{
    messages.textContent = input.value;
});

---

那么，像在

mousemove

&

touchmove

$('#oc-max-price').on('mousemove touchmove', function () {
    var mP = $(this).val();
    $('#oc-max-price-val').text(mP);
});

设置一个时间间隔：

---

try.on（'input'，..查看纯JS解决方案的编辑答案。

mousemove

不会触发iPhone/iPad或任何触摸设备。所以我想

input

无论如何都会更好。如果我使用一堆（input、touchmove和mousemove）可以吗？或者可能是“mauvais-ton”？只要看看兼容性就可以了。我认为它们在

firefox

或

IE

中不应该有任何问题，因为它是完全受支持的。问题可能取决于机器配置/情况。

 $('#oc-max-price').mousedown(
    setInterval(function () {
        var mP = $('#oc-max-price').val();
        $('#oc-max-price-val').text(mP);
        console.log(mP);
    }, 100));