رویداد onmouseleave
مثال (رویداد onmouseleave)
اجرا کردن یک تابع جاوااسکریپت،هنگامی که موس از روی یک عکس کنار می رود:
خودتان امتحان کنید »
در انتهای این صفحه، مثال های بیشتری آورده شده است.
تعریف و کاربرد
رویدا onmouseleave هنگامی روی می دهد که اشاره گر ماوس از روی یک عنصر خارج شود.
نکته: رویداد onmouseenter اغلب در کنار رویداد بالا مورد استفاده قرار می گیرد. این رویداد زمانی روی می دهد که نشانگر ماوس، بر روی یک عنصر وارد شود.
نکته: رویداد onmouseleave شبیه رویداد onmouseout می باشد اما،در یک چیز با هم اختلاف دارند و آن این است که:
تفاوت آنها در این است که رویداد onmouseleave خصوصیت bubble را ندارد. برای بهتر فهمیدن اختلاف این دو رویداد مثال آخر همین صفحه را مشاهده کنید.
پشتیبانی مرورگرها
اعداد داخل جدول، ورژن اولین مرورگری را مشخص می کند که به طور کامل از این رویداد پشتیبانی می کند.
| Event | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | بله | 6.1 | 11.5 |
نحوه استفاده
در HTML:
در جاوااسکریپت:
استفاده از متد addEventListener() در جاوااسکریپت:
نکته: متد addEventListener()، در Internet Explorer 8 و ورژن های قبل از آن پشتیبانی نمی شود.
جزئیات تکنیکی
| Bubbles: | خیر |
|---|---|
| Cancelable: | خیر |
| Event type: | MouseEvent |
| Supported HTML tags: | تمام عناصر html به جز: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
| DOM Version: | Level 2 Events |
مثال - خودتان امتحان کنید
مثال (رویداد onmouseleave)
این مثال تفاوت بین سه دستور: onmousemove و onmouseleave و onmouseout را نشان می دهد:
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>
خودتان امتحان کنید »
مرجع کلیه رویدادهای JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 5414
