رویداد 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().
جزئیات فنی
| بالارونده: | پشتیبانی |
|---|---|
| قابل لغو: | پشتیبانی |
| نوع رویداد: | WheelEvent |
| برچسب‌های HTML پشتیبانی‌شده: | تمام عناصر HTML |
| نسخه DOM: | رویدادهای سطح 3 |
پشتیبانی مرورگر
اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که این رویداد را به طور کامل پشتیبانی می‌کنند.
| رویداد | کروم | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | نپشتیبانی می‌شود | 18.0 |
توضیح:در IE، تنها از طریق روش addEventListener() پشتیبانی از رویداد wheel وجود دارد. در DOM هیچ گونه ویژگی onwheel وجود ندارد.
