เหตุการณ์ onwheel

เหตุการณ์ DOM WheelEvent

คำนิยามและวิธีใช้

เหตุการณ์ onwheel จะเกิดขึ้นเมื่อลูกฝุ่นเมาส์เลื่อนขึ้นหรือลงบนองค์ประกอบ

เหตุการณ์ onwheel จะเกิดขึ้นเมื่อผู้ใช้เลื่อนหรือขยายหรือย่อองค์ประกอบด้วยตะกร้าสัมผัส

ตัวอย่าง

เมื่อผู้ใช้กดลูกฝุ่นเมาส์บนองค์ประกอบ <div> จะเปลี่ยนขนาดของตัวอักษร

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

ลองด้วยตัวเอง

รูปแบบ

ใน HTML:

<element onwheel="myScript">

ลองด้วยตัวเอง

ใน JavaScript:

วัตถุ.onwheel = function(){myScript};

ลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

วัตถุ.addEventListener("wheel", myScript);

ลองด้วยตัวเอง

หมายเหตุ：Internet Explorer 8 หรือตัวเวอร์ชั่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener().

รายละเอียดเทคโนโลยี

การหลุดระดับ: สนับสนุน
เปลี่ยนแปลงได้: สนับสนุน
ชนิดเหตุการณ์: WheelEvent
แท็กซ์ท์ที่สนับสนุน: ทุกองค์ประกอบ HTML
เวอร์ชั่น DOM: เหตุการณ์ระดับ 3

การสนับสนุนเบราเซอร์

ตัวเลขในตารางบอกว่าเซิร์ฟเวอร์แรกที่สนับสนุนเหตุการณ์นี้คือ

เหตุการณ์ Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 ไม่สนับสนุน 18.0

หมายเหตุ：ใน IE มีการสนับสนุนเหตุการณ์ wheel ผ่านวิธี addEventListener() เท่านั้น และไม่มีคุณสมบัติ onwheel บนวัตถุ DOM

เหตุการณ์ DOM WheelEvent