Firefox onchange 事件未在范围输入拖动时触发

在类型为“range”的输入元素中，拖动滑块时，onchange 事件仅当滑块下降到 Firefox 中的新位置时才会触发该事件。相比之下，Chrome 和其他浏览器在拖动过程中会触发 onchange 事件。

解决方案：使用 oninput 事件

Firefox 仅在释放时正确触发 onchange 事件，按照规格。要在所有浏览器中拖动期间捕获实时更新，请改用 oninput 事件。

function showVal(newVal){
    document.getElementById("valBox").innerHTML=newVal;
}

结合oninput和onchange实现跨浏览器兼容性

为了跨浏览器兼容性，请考虑结合使用 oninput 和 onchange 事件处理程序：

这确保了 onchange 事件在 Firefox 发布后仍然会被触发，而 oninput 事件在所有浏览器中提供持续更新。