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 事件在所有瀏覽器中提供持續更新。