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";
}

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.