حدث onwheel

أحداث DOM حدث WheelEvent

التعريف والاستخدام

سيحدث حدث onwheel عندما يمر الماوس بديرة على العنصر.

سيحدث حدث onwheel أيضًا عندما يستخدم المستخدم لوحة التدوير أو يكبر أو يصغير العنصر.

مثال

عندما يمر المستخدم بالدرفلة على علامة <div>، يُمكن تغيير حجم الخط الخاص بها:

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

تجربة شخصية

النحو

في HTML:

<الشخص onwheel="myScript">

تجربة شخصية

في JavaScript:

الشخص.onwheel = function(){myScript};

تجربة شخصية

في JavaScript، استخدم طريقة addEventListener() كما يلي:

الشخص.addEventListener("wheel", myScript);

تجربة شخصية

ملاحظة:لم يكن Internet Explorer 8 أو إصداراته الأقدم يدعم طريقة addEventListener().

تفاصيل تقنية

تدفق التسرب: يدعم
يمكن إلغاء الاشتراك فيها: يدعم
نوع الحدث: حدث WheelEvent
العلامات HTML المدعومة: جميع عناصر HTML
إصدار DOM: الاحداث المستوى 3

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذا الحدث بشكل كامل.

الحدث Chrome IE Firefox Safari Opera
onwheel 31.0 9.0 17.0 غير مدعوم 18.0

ملاحظة:في IE، يتم دعم حدث wheel فقط من خلال طريقة addEventListener(). لا يوجد خاصية onwheel في كائن DOM.

أحداث DOM حدث WheelEvent