刷新页面时,HTML5滑块控件不会重置为默认值

Question

我正在检索HTML滑块值,以便我可以在我的网页上的其他位置显示它们.我将滑块默认值设置为0,但是当我更改它们后刷新页面时,它们似乎卡在相同的值而不是0.这是一个问题,因为我有滑块值的参考,所以我可以显示它们位于滑块旁边.在我刷新的那一刻,滑块不会被重置为0,但是我的内联<span>将显示0.当我按下提交按钮时,滑块会重置为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>

滑块值是否有更快的更新速度？快速单击它并将值从0更改为1时很好,但如果在滑动时将手指放在鼠标上,则在我松开鼠标按钮之前,该值不会更新.

Answer 1

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

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