如何实现跨浏览器的 Input Type=Range onchange 事件的一致行为？

Firefox 与其他浏览器中输入类型 = Range 的 Onchange 事件行为不一致

使用 ，Firefox 与其他浏览器之间的一个显着区别是 onchange 事件的行为。在 Firefox 中，此事件仅在释放滑块时触发，而其他浏览器则在整个拖动过程中调用它。

要在浏览器之间实现一致的行为并在拖动时获取实时更新，请结合使用 oninput 事件和 onchange。无论输入源（鼠标或键盘）如何，此方法都会捕获 Firefox、Safari 和 Chrome 中的更新。

以下是更新的代码示例：

<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>

这种组合事件处理可确保showVal 函数在拖动阶段 (oninput) 和值释放时刻 (onchange) 都会被调用，从而在所有主要浏览器上提供一致的体验。查看 Bugzilla 线程，了解有关此行为差异的更多详细信息。

以上是如何实现跨浏览器的 Input Type=Range onchange 事件的一致行为？的详细内容。更多信息请关注PHP中文网其他相关文章！