رویداد onwheel

مثال (رویداد onwheel)

هنگامی که کاربر دکمه ی چرخان موس را بر روی یک عنصر <div> می چرخاند، اندازه ی فونت آن تغییر می کند:

document.getElementById("myDIV").addEventListener("wheel", myFunction);

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

: نوشته شده توسط احسان عباسی; بازدید: 6688

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی