gpt4 book ai didi

javascript - 在 JavaScript 中如何使 slider 在滑动时显示信息?

转载 作者:行者123 更新时间:2023-11-29 21:21:20 25 4
gpt4 key购买 nike

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

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

最佳答案

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

<!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>

关于javascript - 在 JavaScript 中如何使 slider 在滑动时显示信息?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38465338/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com