如何使HTML5范围滑块基于点击与拖动输入的行为不同

时间:2017-08-04 16:21:13

标签: javascript html css

<input id="slider" type="range" min="0" max="100" step="1" value="50"></input>

所以我有上面的代码,当您通过单击并拖动滑块中间的选择器移动滑块时,它一次向上移动1,这就是我想要的。

我试图创建的缺失功能,如果我单击滑块中选择器右侧的任何位置,我希望选择器向上移动5,左右都是相同的。

我的第一个想法是可能做一个onclick监听器并检查点击的坐标与选择器的坐标,但我不知道如何找到后者的坐标。

由于

**如果您不确定我的意思,我在整个参考的选择器如下图所示。 Selector

0 个答案:

没有答案