Question

我正在使用HTML和JavaScript在我的网站上使用引导滑块（没有Jquery）。它设置了我想要的东西，带有永久性的工具提示和值等。

但是，我想存储用户完成的值。如果用户滑动滑块，则可以在某种程度上进行这项工作。如果用户单击滑块，则不会更新该值。

有关跟踪任何类型互动的建议？

HTML：

<input id="sliderman1" type="text" data-slider-min="0" data-slider-max="4" data-slider-step="1" data-slider-value="2" data-slider-ticks="[0, 4]"/> 
<span id="sliderman1Value">3</span></span>

JS：

var values = ['None', 'Read', 'Speak', 'Test', 'Last'];
var formatter = (index) => values[index];

var slider = new Slider("#sliderman1", {formatter} );
slider.on("slide", function(sliderValue) {
document.getElementById("sliderman1Value").textContent = sliderValue;

});

Answer 1

如何添加onTouchEnd事件侦听器？

JS

slider.on("onTouchEnd", function(sliderValue) {
   document.getElementById("sliderman1Value").textContent = sliderValue;
}

或将其直接添加到滑块中： HTML

<input ontouchend="myFunction(event)" ... />

Bootstrap滑块-更新幻灯片上的值或单击

1 个答案: