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

Question

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

除了Microsoft和Internet之外，我能够在所有浏览器中执行此操作。

我就是这样做的

​

#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和Internet上工作，并建议任何可能的方法。

谢谢

Answer 1

使用jquery禁用

$(“inputname=Range”).css(“指针-事件”，“无”)；$(“inputname=Range”).css(“禁用”，“禁用”)；

恢复正常

$(“inputname=Range”).css(“指针-事件”，“自动”)；