onwheel 事件

当用户将鼠标滚轮滚动到 <div> 元素上时，更改其字体大小：

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

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

描述

这个onwheel事件发生时鼠标滚轮滚动到某个元素上。

这个onwheel当用户使用触摸板滚动时也会发生该事件。

在 HTML 中：

< element onwheel=" myScript">

在 JavaScript 中：

object.onwheel = function(){ myScript};

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

object.addEventListener("wheel", myScript);

onwheel是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11