Question

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

    <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);
    });

Answer 1

使用onmousemove和onmouseup事件，如下所示：

＆＃13;

<!DOCTYPE HTML>

<html>

<head>
  <title>Slider value</title>
</head>

<body>

<input onmousemove=sliderChanged() onmouseup=setSliderValue() style='width:500px;' type = "range" min="0" max="10000" value="0" step="1" id="slider"/>
<span id=sliderValueSpan></span>

</body>
 <script>
 function sliderChanged()
 {
   sliderValueSpan.innerHTML=slider.value
 }
 function setSliderValue()
 {
  slider.value=sliderValueSpan.innerHTML
 }


 </script>
</html>

＆＃13;

在JavaScript中滑动时如何制作滑块显示信息？

1 个答案: