เหตุการณ์ 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.0	17.0	ได้รับการสนับสนุน	18.0

หมายเหตุ: ใน IE เหตุการณ์ล้อได้รับการสนับสนุนเฉพาะกับ addEventListener() วิธีการ ไม่มีแอตทริบิวต์ onwheel บนวัตถุ DOM เป็น

ใน HTML:

ใน JavaScript:

object .onwheel=function(){ ลองตัวเอง»

ใน JavaScript โดยใช้ addEventListener() วิธีการ:

object .addEventListener("wheel", myScript );

หมายเหตุ: addEventListener() วิธีการที่ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และรุ่นก่อนหน้านี้