gpt4 book ai didi

javascript - 如何动态更新范围 slider

转载 作者:行者123 更新时间:2023-11-30 10:11:02 25 4
gpt4 key购买 nike

我创建了以下代码来向用户显示他们的范围 slider 值。但是,它仅在用户停止移动 slider 时显示值。有没有办法在用户拖动范围 slider 时显示值?我正在寻找一种在普通 JS 中执行此操作的方法。

function updateInput(val) {
document.getElementById('textInput').innerHTML=val;
}
<input type="range" name="rangeInput" min="0" max="100" onchange="updateInput(this.value);">                                                       
<p id="textInput"></p>

最佳答案

给你:

<input type="range" name="rangeInput" min="0" max="100" onchange="updateInput(this.value);" oninput="updateInput(this.value)" >                                                       
<p id="textInput"></p>

oninput 在 IE10 中不受支持,因此您必须同时使用 oninputonchange

这是 demo

关于javascript - 如何动态更新范围 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26655602/

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