在 Firefox 中拖动输入类型范围时不会触发 Onchange 事件

元素的 onchange 事件通常在用户更改其值时触发。然而，在Firefox中，只有当滑块被拖动后释放时才会触发该事件。这与 Chrome 等浏览器不同，在 Chrome 中，事件在拖动操作期间触发。

解决方案：使用 oninput 事件

解决此差异并在拖动操作期间启用连续值更新在Firefox中拖动时，建议使用oninput事件而不是onchange。 oninput 事件捕获来自鼠标和键盘输入的实时更新，确保所有主要浏览器中的值持续更新，包括 Firefox、Safari 和 Chrome。

结合 oninput 和 onchange

为了支持 IE10 等不支持 oninput 的旧版浏览器，您可以组合两个事件处理程序。这可确保处理拖动期间的连续值更新和释放时的最终值更新：

其他信息

有关浏览器中 onchange 事件行为的更多详细信息，请参阅以下 Bugzilla 线程：https://bugzilla.mozilla。 org/show_bug.cgi?id=1145662.