如何强制 HTML 滑块显示其初始值 [重复]

Question

我想在 JavaScript 中创建一个滑块元素（输入类型范围），它会在发布后跳回其初始值。通过这种方式，我得到了像操纵杆一样的行为，在释放后会跳回其平衡位置。

我现在有以下代码：

var element = document.createElement('input');
element.type = "range";
element.min = myObject.min;
element.max = myObject.max;
element.step = myObject.step;
valueDiv.className = myObject.type + "_value";
elementDiv.appendChild(valueDiv);
element.defaultValue = myObject.init; //value does not show up in HTML simply because the attribute does not exist
valueDiv.innerHTML = myObject.init;
element.oninput = function() { //use oninput to get values continously during changing (onchange only gives value after mouseup)
  valueDiv.innerHTML = this.value; //display changed value               
}
element.onchange = function() { //use onchange to define an action after release (mouseup) of the slider)
  valueDiv.innerHTML = myObject.init; //display changed value
  // code here to let the element show the position that reflects element.defaultValue
  // this position is only shown after loading the page             
  //code here     //send changed value
}

当我绘制滑块时，我使用 element.oninput 事件连续显示 valueDiv 中的变化值。 element.onchange 事件在滑块被释放时触发（在 mouseup 上）。然后 valueDiv 显示初始值 (element.defaultValue)。我希望滑块的位置反映这个初始值。我没有发现元素的动作/功能这样做。

Answer 1

我刚刚在这里找到了答案：

How can I update the position of a range input slider via vanilla js? 斯科特·马库斯

当我添加 element.value = myObject.init 时，滑块会跳到适合值 init 的位置。