مثال
عندما يكون فات المستعمل عجلة الماوس فوق <div> عنصر، تغيير في حجم الخط:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
} انها محاولة لنفسك » تعريف والاستخدام
يحدث هذا الحدث onwheel عندما يتم إرجاع عجلة الماوس لأعلى أو لأسفل على عنصر.
يحدث هذا الحدث onwheel أيضا عند تمرير المستخدم أو الأزيز أو من عنصر باستخدام لوحة اللمس (like the "mouse" of a laptop) .
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الحدث.
| هدف | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | تسعة | 17.0 | غير معتمد | 18.0 |
ملاحظة: في IE، ويدعم هذا الحدث عجلة فقط مع addEventListener() الأسلوب. ليس هناك سمة onwheel على كائنات DOM.
بناء الجملة
في HTML:
في جافا سكريبت:
object .onwheel=function(){ انها محاولة لنفسك » في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
object .addEventListener("wheel", myScript );
انها محاولة لنفسك » ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | نعم فعلا |
|---|---|
| للإلغاء: | نعم فعلا |
| نوع الحدث: | WheelEvent |
| علامات HTML المعتمدة: | جميع عناصر HTML |
| صفحة DOM: | مستوى 3 أحداث |
<كائن الحدث