如何在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);
    }
});