Javascript HTML范围类型输入强制最小值，而不更改范围的起始值 我想在一个范围输入上执行最小50，但是仍然在0处视觉开始，因此当输入被设置为50时，滑块位于中间，用户不能将滑块推低。 把问题放在另一种方法上，我希望值为50，我希望滑块位于中间，并且希望用户不允许减少滑块。< /P> 当我使用这个滑块时，滑块在最左边，当滑块在中间时，它代表75。这不是我想要的行为 <input type="range" min="50" max="100" value="50"/>

如何在不将范围的起始值设置为最小值的情况下对范围输入强制执行最小值？

您将当前值设置为等于最小值-因此看起来范围起始值等于0，但实际上是50。

您将当前值设置为等于最小值-因此看起来是这样的您的范围起始值等于0，但实际上是50。

您必须将范围控制设置为允许最小值为零，但当用户尝试低于它时，通过JavaScript将其重置为50

请注意，

input

事件在范围元素上不受普遍支持，因此您还需要在

change

事件处理程序中设置相同的函数

var slider=document.getElementById（“slider”）；
var output=document.getElementById（“输出”）；
//设置滑块更改时的事件处理程序
//为了适应所有浏览器（IE），需要设置两个事件。
slider.addEventListener（“输入”，fixSlider）；
slider.addEventListener（“更改”，fixlider）；
功能固定滑块（evt）{
//如果该值低于50，则将其重置为50
if（parseInt（这个值，10）<50）{
该值=50；
}
output.textContent=this.value；
}

---

50

您必须将范围控制设置为允许最小值为零，但当用户尝试低于该值时，可通过JavaScript将其重置为50

请注意，

input

事件在范围元素上不受普遍支持，因此您还需要在

change

事件处理程序中设置相同的函数

var slider=document.getElementById（“slider”）；
var output=document.getElementById（“输出”）；
//设置滑块更改时的事件处理程序
//为了适应所有浏览器（IE），需要设置两个事件。
slider.addEventListener（“输入”，fixSlider）；
slider.addEventListener（“更改”，fixlider）；
功能固定滑块（evt）{
//如果该值低于50，则将其重置为50
if（parseInt（这个值，10）<50）{
该值=50；
}
output.textContent=this.value；
}

---

50

“我希望对范围输入强制执行最小值50，但范围仍从0开始。”不可能。如果可以从0开始，则最小值为0，而不是50。我希望从视觉上看，开始值为0，但为了防止用户将滑块滑动到我设置的最小值以下。“我希望对范围输入强制最小值为50，但范围仍从0开始。”不可能。如果它可以从0开始，那么最小值是0，而不是50。我希望从视觉上看，开始值是0，但为了防止用户将滑块滑动到我设置的最小值以下。根据OPs声明，他希望强制执行最小值50，因此永远不允许0。我理解。我希望值是50，我希望滑块位于中间，并且我希望用户不允许减少滑块。@ GOOSE，我想你应该使用一些第三方控件，而不是<代码>输入类型=“范围”< /代码>，基于OPS语句，他想要执行最小值50，不能允许0的值。我理解。我希望值是50，我希望滑块位于中间，并且我希望用户不允许减少滑块。@ GOOSE，我想你应该使用一些第三方控件，而不是<代码>输入类型=“范围”< /C>