onwheel 事件
示例
当用户在 <div> 元素上滚动鼠标滚轮时,更改其字体大小
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
自己动手试一试 »
描述
当用户在元素上滚动鼠标滚轮时,会发生 onwheel 事件。
当用户使用触摸板滚动时,也会发生 onwheel 事件。
语法
技术详情
| 冒泡 | 是 |
|---|---|
| 可取消 | 是 |
| 事件类型 | WheelEvent |
| HTML 标签 | 所有 HTML 元素 |
| DOM 版本 | Level 3 Events |
浏览器支持
onwheel 是 DOM Level 3 (2004) 功能。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |