Javascript 如何动态更新范围滑块

我创建了以下代码来向用户显示其范围滑块值。但是，它仅在用户停止移动滑块时显示值。当用户拖动范围滑块时，是否有方法显示值？我正在寻找一种在vanilla JS中实现这一点的方法

函数updateInputval{ document.getElementById'textInput'。innerHTML=val； }

使用oninput而不是onchange

使用oninput而不是onchange

---

onmousemove函数可实现以下功能：

<input type="range" name="rangeInput" min="0" max="100" onmousemove="document.getElementById('textInput').innerHTML=this.value;">                                                       
    <p id="textInput"></p>

---

onmousemove函数可实现以下功能：

<input type="range" name="rangeInput" min="0" max="100" onmousemove="document.getElementById('textInput').innerHTML=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>

IE10不支持oninput，因此必须同时使用oninput和onchange

这是你要去的地方：

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

IE10不支持oninput，因此必须同时使用oninput和onchange

---

这是

感谢收看《兼容性》！感谢收看《相容》节目！