Javascript 在HTML元素上触发的事件'；s属性更改。（js）

假设你有一个滑动条

<input id='bar' type='range' value='50'>

---

您可以收听

onchange

事件（当您完成擦洗时将触发该事件），例如，不是在拖动时，而是在完成时

e、 g

---

您可以结合使用

oninput（）

和

onchange（）

事件，类似于下面的代码

<input id='bar' type='range' value='50' oninput="showVal(this.value)" onchange="showVal(this.value)" >

<script>
function showVal(newVal){
   console.log(newVal);
}
</script>

函数showVal（newVal）{
console.log（newVal）；
}

滑动滑块时会触发

oninput

，松开鼠标时会触发

onchange

<input id="bar" type="range" value="50" onchange="...">

document.getElementById('bar').addEventListener("change", doSomething, false);

<input id='bar' type='range' value='50' oninput="showVal(this.value)" onchange="showVal(this.value)" >

<script>
function showVal(newVal){
   console.log(newVal);
}
</script>