如何禁用输入范围中的特定值？

Question

您好，我有一个值为0-380的输入范围，我想禁用一些值，比如ID 30。因此，当我选择29并按下右箭头时，它必须更改为31。

Answer 1

只需检查滑块是否正确。值位于某个数字上，如果是，请采取措施避免该数字。这里有一个简单的方法来解决这个问题，但这绝不是最好的方法。

js prettyprint-override">var slider = document.getElementById("myRange");
var output = document.getElementById("demo");
output.innerHTML = slider.value;

function removeNum(num) {
    if (slider.value == num-1) {slider.value++}
  else if (slider.value == num+1) {slider.value--}
}

slider.oninput = function() {
  output.innerHTML = this.value;
  removeNum(10) //Doesn't allow slider to go to number 10
}

 <input type="range" min="1" max="100" value="50" class="slider" id="myRange">
 <p>Value: <span id="demo"></span></p>