رویداد onwheel
تعریف و استفاده
وقتی چرخش ماوس روی عنصر به بالا یا پایین حرکت میکند، رویداد onwheel رخ میدهد.
وقتی کاربر با استفاده از صفحهی لمسی رول یا بزرگتر یا کوچکتر کردن عناصر، رویداد onwheel نیز رخ میدهد.
مثال
وقتی کاربر روی علامت <div> با چرخش ماوس رول میکند، اندازه فونت آن تغییر میکند:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
نحوهی نوشتن
در HTML:
<عنصر onwheel="myScript">
در جاوااسکریپت:
آبجکت.onwheel = function(){myScript};
در جاوااسکریپت، از روش addEventListener() استفاده کنید:
آبجکت.addEventListener("wheel", myScript);
تعلیمات:اینترنت اکسپلورر 8 یا نسخههای پیشین از آن از روش addEventListener() پشتیبانی نمیکند. روش addEventListener().
جزئیات فنی
| بخشبخشی: | پشتیبانی |
|---|---|
| قابل لغو: | پشتیبانی |
| نوع وقوع: | WheelEvent |
| برچسبهای HTML پشتیبانیشده: | تمام عناصر HTML |
| نسخه DOM: | رویدادهای سطح 3 |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهایی است که کامل از این وقوع پشتیبانی میکنند.
| وقوع | چروم | آئی ای | فائر فاکس | سافری | آپریا |
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | ناپسندیدار | 18.0 |
تعلیمات:IE میں، صرف addEventListener() مہارت کے ذریعے wheel واقعات کو مدد دی جاتی ہے، DOM اشیاء پر onwheel پراپریٹی نہیں ہے۔
