jquery - 刷新页面时 HTML5 slider 控件不会重置回默认值

Question

我正在检索 HTML slider 值，以便可以在网页的其他位置显示它们。我的 slider 默认值为 0，但是当我在更改它们后刷新页面时，它们似乎停留在相同的值而不是 0。这是一个问题，因为我有对 slider 值的引用，所以我可以显示他们在 slider 旁边。在我刷新的那一刻， slider 不会重置为 0，但是我的内联 <span>将显示 0。当我按下提交按钮时， slider 会重置为 0，这最终会获取值并将它们显示在我的虚拟网页的另一个区域，但刷新时不会。

JQuery:

// Retrieve the value from slider one
$("#submit").on('click', function(evt) {
    var sliderValue = $('#slider01').val();
    var sliderValue2 = $('#slider02').val();
    alert("The value of slider 1 is: " + sliderValue);
});
// Output to the value of slider one
$("#slider01").on('click',function(evt) {
    var sliderVal = $(this).val();
    $("#value").text(sliderVal);
});

HTML:

<input id="slider01" type="range" name="slider1" min="0" max="10" value="0"><span id="value">0</span>

是否可以让 slider 值更新得更快一些？当您快速单击它并将值从 0 更改为 1 时它很好，但是如果您在滑动时将手指放在鼠标上，则在我松开鼠标按钮之前该值不会更新。

Answer 1

这可能是工作中的自动完成，尝试将其关闭

<input autocomplete="off" id="slider01" type="range" name="slider1" min="0" max="10" value="0"><span id="value">0</span>