禁用跟踪单击输入类型范围

Question

我想禁用跟踪点击输入类型范围，只允许通过拇指拖动。

我可以在除 Microsoft Edge 和 Internet Explorer 之外的所有浏览器中执行此操作。

我就是这样做的

#slider {
  display: block;
  width: 400px;
  height: 40px;
  margin: 0px auto;
  padding: 5px 10px;
  z-index: 20;
  border-radius: 20px;
  pointer-events: none;
}

#slider::-moz-range-thumb {
  pointer-events: auto !important;
}

#slider::-webkit-slider-thumb {
  pointer-events: auto !important;
}

#slider::-ms-thumb {
  pointer-events: auto !important;
}

#slider::-ms-track {
  pointer-events: none !important;
}

<input id="slider" type="range" value="0" min="0" max="100" autocomplete="off" />

请查看为什么它不能在 Microsoft Edge 和 Internet Explorer 上运行，并建议任何可能的方法。

谢谢

Answer 1

使用 jquery 禁用

$("input[name=Range]").css("pointer-events","none"); $("input[name=Range]").css("disabled","disabled");

正常

$("input[name=Range]").css("pointer-events","auto"); $("input[name=amountRange]").removeAttr("disabled");