最新的Web开发教程
 

onwheel事件

<事件对象

例

当用户滚动通过鼠标滚轮<div>元素，改变其字体大小：

document.getElementById("myDIV").addEventListener("wheel", myFunction);

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

定义和用法

当鼠标滚轮或卷起向下在元件发生onwheel事件。

所述onwheel事件也会发生当用户滚动或在一个元件的放大或缩小通过使用触摸板(like the "mouse" of a laptop)

浏览器支持

在表中的数字规定，完全支持该事件的第一个浏览器版本。

事件
onwheel 31.0 9 17.0 不支持 18.0

注意：在IE中，与仅支持轮事件addEventListener()方法。 有对DOM对象没有onwheel属性。

句法

在HTML：

< 试一试»

在JavaScript：

object .onwheel=function(){ 试一试»

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

object .addEventListener("wheel", myScript );
试一试»

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技术细节

泡沫： 是
取消： 是
事件类型： WheelEvent
支持的HTML标签： 所有HTML元素
DOM版本： 3级事件
<事件对象