javascript - 使用jQuery(而非UI)随时随地使用HTML5范围滑块值

我正在使用默认的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>

jQuery代码:

$('#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;
});

关于javascript - 使用jQuery(而非UI)随时随地使用HTML5范围滑块值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28518747/