如何防止在Ion.RangeSlider中单击间隔？

Posted 2023-02-03

在Ion.RagerSlider插件中，间隔栏是可单击的。当用户在尝试滚动时意外单击该元素时，这是在移动设备上的问题。

如何禁用间隔条上的点击事件？

我无法在官方文档中找到解决方案。

答案

我面临着一个相同的问题，如果在条形图上选定的范围之外点击，则整个范围都会转移到点击位置。根据屏幕上条的位置和大小，很容易无意间这样做并丢失滑块值。

虽然版本2.3.1并未正式支持它，但我发现删除touchstart和mousedown事件与范围线的绑定确实可以解决问题。https://github.com/IonDen/ion.rangeSlider/blob/2.3.1/js/ion.rangeSlider.js#L686#L687

一种更通用的方法可能是创建一个名为disable_line_touch之类的新配置参数，默认值为false，并且仅在其值设置为true时才跳过上述绑定。