禁用跟踪HTML5范围输入

Disable track on HTML5 range input

本文关键字：范围 输入 HTML5 跟踪      更新时间：2023-09-26

我试图找到一种方法来防止用户点击进入HTML5范围输入的"track"部分。实际上，我只希望用户能够使用"句柄"来更改范围值。

这可能吗?

至少在chrome上可以通过指针事件实现。

input[type=range] {
pointer-events: none;
}
input[type=range]::-webkit-slider-thumb {
pointer-events:auto;
}

这将禁用点击轨道，只允许点击滑块拇指。

添加disabled应该可以。

<input id="rangeindicator" disabled type="range" name="points" min="1" max="10">

，然后你可以很容易地使用jQuery改变值，像这样:

$("#rangeindicator").val(1)
相关文章：