微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

有没有办法为范围滑块设置默认的最小步数?

如何解决有没有办法为范围滑块设置默认的最小步数?

有没有办法使范围滑杆的第一步填满而不是置于边缘?例如,这将是第1步,而用户将无法再将其向左拉。

enter image description here

<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 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?