onwheelเหตุการณ์
ตัวอย่าง
เมื่อผู้ใช้หมุนวงล้อของเมาส์เหนือองค์ประกอบ <div> ให้เปลี่ยนขนาดตัวอักษร:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
ความหมายและการใช้งาน
เหตุการณ์ onwheel เกิดขึ้นเมื่อล้อเลื่อนของเมาส์เลื่อนขึ้นหรือลงเหนือองค์ประกอบ
เหตุการณ์ onwheel ยังเกิดขึ้นเมื่อผู้ใช้เลื่อนหรือซูมเข้าหรือออกจากองค์ประกอบโดยใช้ทัชแพด (เช่น "เมาส์" ของแล็ปท็อป)
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
onwheel | 31.0 | 9.0 | 17.0 | Not supported | 18.0 |
หมายเหตุ:ใน IE เหตุการณ์ล้อได้รับการสนับสนุนด้วยเมธอด addEventListener() เท่านั้น ไม่มีแอตทริบิวต์ onwheel บนวัตถุ DOM
ไวยากรณ์
ใน HTML:
<element onwheel="myScript">
ในจาวาสคริปต์:
object.onwheel = function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
object.addEventListener("wheel", myScript);
หมายเหตุ:วิธีการaddEventListener()ไม่ได้รับการสนับสนุนใน Internet Explorer 8 และเวอร์ชันก่อนหน้า
รายละเอียดทางเทคนิค
ฟองอากาศ: | ใช่ |
---|---|
ยกเลิกได้: | ใช่ |
ประเภทเหตุการณ์: | WheelEvent |
แท็ก HTML ที่รองรับ: | องค์ประกอบ HTML ทั้งหมด |
รุ่น DOM: | กิจกรรมระดับ 3 |