如何禁用滚动以更改数字<input type=”number”>使用 JavaScript/jQuery 的字段？

如何使用 JavaScript/jQuery 禁用滚动以更改 字段中的数字？

给定一个包含 属性的 HTML 文档，任务是禁用鼠标滚轮以使用 JavaScript/jQuery 更改数字值。

方法：

• 选择元素。
• 向该元素添加一个事件，该事件将在滚动开始时调用一个函数。
• 使元素在滚动时模糊。

示例 1：此示例使用 JavaScript 实现上述方法。

  
  
  
 
     
        How to disable scroll to change number
        value in <input type="number"> 
        attribute in JavaScript/jQuery?
    
      
    
    
 
  
  
      
      
        GeeksForGeeks  
    
      
    
    
      
    
        
    
      
    
      
    
        click here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to disable"
                    + " scrolling on input element.";
          
        function GFG_FUN() {
            var input = document.getElementById("input");
              
            input.addEventListener("mousewheel", 
                function(event){ 
                    this.blur() 
                });
              
            el_down.innerHTML = "Mouse wheel disabled!";
        }
     
  
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例使用 jQuery 实现上述方法。

  
  
  
 
     
        How to disable scroll to change number value
        in <input type="number"> attribute
        in JavaScript/jQuery?
    
      
    
    
 
      
  
      
      
        GeeksForGeeks  
    
      
    
    
      
    
        
    
      
    
      
    
        click here
    
      
    
    
      
    
        var el_up = document.getElementById("GFG_UP");
        var el_down = document.getElementById("GFG_DOWN");
          
        el_up.innerHTML = "Click on the button to disable"
                        + " scrolling on input element.";
          
        function GFG_FUN() {
            $('#input').on("wheel", function (e) {
                $(this).blur();
            });
              
            el_down.innerHTML = "Mouse wheel disabled!";
        }
     
  
  

输出：

• 在点击按钮之前：
  
• 点击按钮后：