HTML | DOM onwheel 事件

HTML DOM 中的onwheel 事件在鼠标滚轮在元素上旋转时发生。当用户滚动或放大或缩小元素时也会触发此事件。 onwheel 事件也适用于触摸板。

支持的标签

• 支持所有元素 这个事件

句法：

• 在 HTML 中：

• 在 JavaScript 中：

object.onwheel = function(){Script};

• 在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("wheel", Script);

示例：使用 addEventListener() 方法

html

 

    HTML DOM onwheel Event
    
        #divID {
            border: 1px solid black;
        }
    

 

    
        GeeksforGeeks
        HTML DOM onwheel Event
 
        roll the wheel
    
    
        document.getElementById(
          "divID").addEventListener("wheel", GFGfun);
 
        function GFGfun() {
            this.style.fontSize = "40px";
            this.style.color = "green";
        }
    
 

 

输出：
前：

后：

支持的浏览器： HTML DOM onwheel 事件支持的浏览器如下：

• 谷歌浏览器 31.0
• 浏览器 9.0
• 火狐 17.0
• 歌剧 18.0