onwheel 事件

DOM 事件 WheelEvent

定義和用法

當鼠標滾輪在元素上向上或向下滾動時，會發生 onwheel 事件。

當用戶使用觸摸板滾動或放大或縮小元素時，也會發生 onwheel 事件。

實例

當用戶在 <div> 元素上滾動鼠標滾輪時，更改其字體大小：

document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
  this.style.fontSize = "35px";
}

親自試一試

語法

在 HTML 中：

<element onwheel="myScript">

親自試一試

在 JavaScript 中：

object.onwheel = function(){myScript};

親自試一試

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("wheel", myScript);

親自試一試

注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技術細節

冒泡： 支持
可取消： 支持
事件類型： WheelEvent
支持的 HTML 標簽： 所有 HTML 元素
DOM 版本： Level 3 Events

瀏覽器支持

表中的數字注明了完全支持該事件的首個瀏覽器版本。

事件 Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 不支持 18.0

注釋：在 IE 中，只有通過 addEventListener() 方法才支持 wheel 事件。 DOM 對象上沒有 onwheel 屬性。

DOM 事件 WheelEvent