onwheel 事件

實例

當用戶在 <div> 元素上滾動鼠標滾輪時執(zhí)行 JavaScript:

document.getElementById("myDIV").addEventListener("wheel", myFunction); function myFunction() { document.getElementById("myDIV").style.color = "red"; }

運行代碼 ?

定義和用法

onwheel 事件在鼠標滾輪在元素上下滾動時觸發(fā)。

onwheel 事件同樣可以在觸摸板上滾動或放大縮小區(qū)域時觸發(fā)（如筆記本上的觸摸板）。

瀏覽器支持

事件
onwheel	31.0	9.0	17.0	6.0	18.0

注意： 在 IE 瀏覽器中，只能通過 addEventListener() 方法支持 wheel 事件。在 DOM 對象中沒有 onwheel 屬性。

語法

HTML 中：

<element onwheel="myScript">運行代碼

JavaScript 中：

object.onwheel=function(){myScript};運行代碼

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("wheel", myScript);運行代碼

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技術(shù)細節(jié)

是否支持冒泡:	Yes
是否可以取消:	Yes
事件類型:	WheelEvent
支持的 HTML 標簽:	All HTML elements

事件對象參考手冊事件對象

其他擴展

上一篇：transitionend 事件下一篇：ononline 事件