رویداد onwheel
مثال (رویداد onwheel)
هنگامی که کاربر دکمه ی چرخان موس را بر روی یک عنصر <div> می چرخاند، اندازه ی فونت آن تغییر می کند:
document.getElementById("myDIV").addEventListener("wheel", myFunction);
function myFunction() {
this.style.fontSize = "35px";
}
function myFunction() {
this.style.fontSize = "35px";
}
خودتان امتحان کنید »
تعریف و کاربرد
این رویداد زمانی روی می دهد که، دکمه ی چرخان موس، بر روی یک عنصر، به سمت بالا یا پایین بچرخد.
این رویداد همچنین زمانی روی می دهد که کاربر با استفاده از یک صفحه لمسی، بر روی(یا بیرون) یک عنصر، زوم کرده یا اینکه اسکرول انجام دهد.
پشتیبانی مرورگرها
اعداد داخل جدول زیر نشان دهنده ی اولین ورژن مرورگری است، که به طور کامل از این رویداد پشتیبانی می کند.
| Event | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | پشتیبانی نمی شود | 18.0 |
نکته: در IE رویداد دکمه چرخان موس، تنها با دستور addEventListener()، پشتیبانی می شود. خصوصیت onwheel در اشیاء DOM وجود ندارد.
نحوه استفاده
در HTML:
<element onwheel="myScript">امتحان کنید
در جاوااسکریپت:
object.onwheel=function(){myScript};امتحان کنید
استفاده از متد addEventListener() در جاوااسکریپت:
object.addEventListener("wheel", myScript);امتحان کنید
نکته: متد addEventListener() در Internet Explorer 8 و ورژن های پایین تر از آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | بله |
|---|---|
| Cancelable: | بله |
| Event type: | WheelEvent |
| Supported HTML tags: | All HTML elements |
| DOM Version: | Level 3 Events |
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 6863
