最新的Web開發教程
 

onwheel事件

<事件對象

例

當用戶滾動通過鼠標滾輪<div>元素，改變其字體大小：

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

function myFunction() {
    this.style.fontSize = "35px";
}
試一試»

定義和用法

當鼠標滾輪或捲起向下在元件發生onwheel事件。

所述onwheel事件也會發生當用戶滾動或在一個元件的放大或縮小通過使用觸摸板(like the "mouse" of a laptop)

瀏覽器支持

在表中的數字規定，完全支持該事件的第一個瀏覽器版本。

事件
onwheel 31.0 9 17.0 不支持 18.0

注意：在IE中，與僅支持輪事件addEventListener()方法。 有對DOM對象沒有onwheel屬性。

句法

在HTML：

< 試一試»

在JavaScript：

object .onwheel=function(){ 試一試»

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

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

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技術細節

泡沫： 是
取消： 是
事件類型： WheelEvent
支持的HTML標籤： 所有HTML元素
DOM版本： 3級事件
<事件對象