onwheel 事件

事件對(duì)象參考手冊(cè) 事件對(duì)象

實(shí)例

當(dāng)用戶(hù)在 <div> 元素上滾動(dòng)鼠標(biāo)滾輪時(shí)執(zhí)行 JavaScript:

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

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

嘗試一下 ?

定義和用法

onwheel 事件在鼠標(biāo)滾輪在元素上下滾動(dòng)時(shí)觸發(fā)。

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

瀏覽器支持

事件     
onwheel31.09.017.0不支持18.0

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

語(yǔ)法

HTML 中：

<element onwheel="myScript">嘗試一下

JavaScript 中：

object.onwheel=function(){myScript};嘗試一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("wheel", myScript);嘗試一下

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

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

是否支持冒泡:Yes
是否可以取消:Yes
事件類(lèi)型:WheelEvent
支持的 HTML 標(biāo)簽:All HTML elements

事件對(duì)象參考手冊(cè) 事件對(duì)象