onwheel 事件
HTML DOM 的 onwheel 事件在鼠标滚轮在元素上下滚动时触发
onwheel 事件同样可以在触摸板上滚动或放大缩小区域时触发 ( 如笔记本上的触摸板 )
语法
HTML
<element onwheel=" /*myScript*/ ">
JavaScript
object.onwheel=function(){ /*myScript*/ };
JavaScript 中, 使用 addEventListener() 方法
object.addEventListener("wheel", /*myScript*/ );
Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法
浏览器支持
31.0+ | 9.0+ | 17.0+ | 不支持 | 18.0+ |
IE 浏览器只能通过 addEventListener() 方法支持 wheel 事件
在 DOM 对象中没有 onwheel 属性
其它
是否支持冒泡 | Yes |
---|---|
是否可以取消 | Yes |
事件类型 | WheelEvent |
支持的 HTML 标签 | 所有的 HTML 元素 |
范例
当用户在 <div> 元素上滚动鼠标滚轮时执行 JavaScript
document.getElementById("myDIV").addEventListener("wheel", myFunction); function myFunction() { document.getElementById("myDIV").style.color = "red"; }