如何使滑块在JavaScript中滑动时显示信息?

如何使滑块在JavaScript中滑动时显示信息?,javascript,jquery,css,d3.js,svg,Javascript,Jquery,Css,D3.js,Svg,目前,我真正拥有的只是下面的代码,以及我用D3JavaScript库构建的一些SVG。我希望能够在滑动时显示索引编号(在我结束单击之前),这样我就不必猜测(注意有10000个可能的索引)。我希望以后我可以将它与JSON文件配对,得到实际值而不是数字,但现在,我真的知道如何简单地显示它们。(不在控制台上,但在我的滑块的正上方/下方) 按如下方式使用onmousemove和onmouseup事件: 滑块值 函数滑块已更改() { sliderValueSpan.innerHTML=slider.

目前,我真正拥有的只是下面的代码,以及我用D3JavaScript库构建的一些SVG。我希望能够在滑动时显示索引编号(在我结束单击之前),这样我就不必猜测(注意有10000个可能的索引)。我希望以后我可以将它与JSON文件配对,得到实际值而不是数字,但现在,我真的知道如何简单地显示它们。(不在控制台上,但在我的滑块的正上方/下方)


按如下方式使用onmousemove和onmouseup事件:


滑块值
函数滑块已更改()
{
sliderValueSpan.innerHTML=slider.value
}
函数setSliderValue()
{
slider.value=sliderValueSpan.innerHTML
}

我在本例中就是这样做的。如果您看不到,请告诉我,但是源代码也应该可以访问。我想这是博斯托克网站上的官方例子之一。祝你好运
    <input type = "range" min="0" max="10000" value="0" step="1" id="slider"/>
    var ARR_INDEX = 0;
    $("#slider").on("change",function(){
        ARR_INDEX = $(this).val();
        updateData(ARR_INDEX);
        console.log(ARR_INDEX);
    });