javascript - 如何让滑块在 ipad 上点击时转到特定位置。HTML Javascript

Question

在 safari 桌面上，可以用鼠标单击滑块以转到滑块上的特定位置。例如，您可以单击以转到末尾。在 ipad 上，您必须用手指拖动圆球来移动滑块的位置。我希望在 ipad 上能够点击以将其放置到桌面上的特定位置。

我用于滑块的代码是

<input id = "slider" type="range" min="0" max="45" step="1" value="0" OnChange = "Slider();">

我想避免使用 jquery，但如果必须，我将使用 jquery。

Answer 1

我知道您要求的不是 JQuery，但您应该看到滑块的效果如何。还要注意，范围类型的输入与 IE9 及以下版本不兼容。

小提琴

$("#slider ").slider({
    min: 0,
    max: 45,
    step:1,
    slide: function (event, ui) {
        $("#amount").val(ui.value);
    }
});