上一节:

  JavaScript HTML DOM onwheel 事件

  • onwheel 事件

    当鼠标滚轮在元素上向上或向下卷起时发生onwheel事件。当用户使用触摸板（如笔记本电脑的“鼠标”）滚动或放大元素时，也会发生onwheel事件。
    当用户在<div>元素上滚动鼠标滚轮时，请更改其font-size： 
    document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction() {
  this.style.fontSize = "35px";
}
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome FireFox Safari Opera
    事件
    onwheel
    9.0+
    31.0+
    17.0+
    不支持
    18.0+
    注意：在IE中，仅使用addEventListener()方法支持wheel事件。DOM对象上没有onwheel属性。

  • 语法

    在HTML中：
    <element onwheel="myScript">
    在JavaScript中：
    object.onwheel = function(){myScript};
    在JavaScript中，使用addEventListener()方法：
    object.addEventListener("wheel", myScript);
    注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。

  • 技术细节

    项目 描述
    冒泡： 有
    取消： 有
    事件类型： WheelEvent
    支持的HTML标记： 所有HTML标记
    DOM版本 DOM Event Level 3

  • 相关页面

    HTML参考 ： HTML onwheel 属性
返回Event对象参考    返回事件参考
上一节: