更改值时输入范围更新值

Question

我知道如何创建<input>范围，在用户完成修改后更新值。完成更改范围栏后，它将触发javascript函数。例如：

＆＃13;

＆＃13;

function updateTextInput(val) {
  let output = document.getElementById('umjp_minutes');
  output.innerText = val;
}

＆＃13;

<input id="umjp_minutePicker" type="range" min="15" max="100" onchange="updateTextInput(this.value);">
<span id="umjp_minutes">40</span>

＆＃13;

＆＃13;

＆＃13;

为了让用户获得更丰富的体验，我希望在用户更改时更新范围<input> 。实现这一目标的最简单方法是什么？

Answer 1

将onchange事件更改为oninput，如下所示：

function updateTextInput(val) {
  let output = document.getElementById('umjp_minutes');
  output.innerText = val;
}

<input id="umjp_minutePicker" type="range" min="15" max="100" oninput="updateTextInput(this.value);">
<span id="umjp_minutes">40</span>

您可以查看所有DOM事件信息和说明here。