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

Onchange：当用户更改选择元素的状态时，Onchange 会执行 JavaScript。此属性仅在元素变得未聚焦时出现。

句法：

属性值：它适用于元素并在提交值后触发给定的 JavaScript。
例子： 
  

    Onchange
    
        function Optionselection(select) {
            var chosen = select.options[select.selectedIndex];
            alert("Option Chosen by you is " + chosen.value);
        }
    

  

    
        GeeksforGeeks
        Choose an option from the following:
        
        
            C++
            Java
            Python
        
    

  
输出：
前： 
后： 
范围滑块的常见 UI 设计是在用户移动滑块时展示所描绘值的即时变化。上述浏览器（包括 chrome）并非如此。
虽然，有人可能会争辩说 Firefox 展示了正确的行为，因为onchange事件仅在控件失去焦点时执行（无论是鼠标拖动还是键盘）。但是为了随着滑块的移动显示变化的值，需要应用oninput事件属性。
 Oninput：与 onchange 事件非常相似，此属性在接收到用户输入值时起作用。主要区别在于它在元素值更改时立即执行。
句法： 
程序说明解决方案： 
  

    onchange event on input type=range

  

    
        GeeksforGeeks
        onchange event on input "type=range"
  
        
        
        
            function DisplayChange(newvalue) {
                document.getElementById(
                  "value").innerHTML = newvalue;
            }
        
    

  
输出：
前： 
后：