Firefox onchange 事件在范围输入拖动时未触发
在类型为“range”的输入元素中，当拖动滑块时，onchange仅当滑块放到 Firefox 中的新位置时才会触发该事件。相比之下，Chrome 和其他浏览器在拖动过程中会触发 onchange 事件。
解决方案：使用 oninput 事件
Firefox 仅在释放时正确触发 onchange 事件，按照规格。要在所有浏览器中拖动期间捕获实时更新，请改用 oninput 事件。
<code class="html">function showVal(newVal){
document.getElementById("valBox").innerHTML=newVal;
}</code><code class="html"><span id="valBox"></span> <input type="range" min="5" max="10" step="1" oninput="showVal(this.value)"></code>
结合 oninput 和 onchange 实现跨浏览器兼容性
对于为了跨浏览器兼容性，请考虑结合使用 oninput 和 onchange 事件处理程序：
<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 事件在发布后仍会在 Firefox 中触发，而 oninput 事件在所有浏览器中提供持续更新。
以上是为什么火狐中范围输入拖动不触发onchange事件？的详细内容。更多信息请关注PHP中文网其他相关文章！
