如何解决有没有办法为范围滑块设置默认的最小步数?
有没有办法使范围滑杆的第一步填满而不是置于边缘?例如,这将是第1步,而用户将无法再将其向左拉。
<input type="range" min="1" max="5" step="1" oninput="console.log(this.value);">
解决方法
这是一个可行的例子。希望对您有所帮助。
var slider = document.getElementById("slider");
var output = document.getElementById("output");
// To accommodate all browsers (IE),two events need to be set up.
slider.addEventListener("input",fixSlider);
slider.addEventListener("change",fixSlider);
function fixSlider(evt){
// If the value goes below 3,reset it to 3
if(parseInt(this.value,10) < 3){
this.value = 3;
}
output.textContent = this.value;
}
<input type="range" min="1" max="5" id="slider"><span id="output">3</span>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。