如何在 Firefox 中拖动时触发输入类型范围的 Onchange 事件？

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

解决方案：使用 oninput 事件

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

结合 oninput 和 onchange

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

<code class="html"><span id="valBox"></span>
<input
  type="range"
  min="5"
  max="10"
  step="1"
  oninput="showVal(this.value)"
  onchange="showVal(this.value)"
/></code>

其他信息

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

以上是如何在 Firefox 中拖动时触发输入类型范围的 Onchange 事件？的详细内容。更多信息请关注PHP中文网其他相关文章！