رویداد onmouseleave

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

اجرا کردن یک تابع جاوااسکریپت،هنگامی که موس از روی یک عکس کنار می رود:

در انتهای این صفحه، مثال های بیشتری آورده شده است.

تعریف و کاربرد

رویدا onmouseleave هنگامی روی می دهد که اشاره گر ماوس از روی یک عنصر خارج شود.

نکته: رویداد onmouseenter اغلب در کنار رویداد بالا مورد استفاده قرار می گیرد. این رویداد زمانی روی می دهد که نشانگر ماوس، بر روی یک عنصر وارد شود.

نکته: رویداد onmouseleave شبیه رویداد onmouseout می باشد اما،در یک چیز با هم اختلاف دارند و آن این است که:

تفاوت آنها در این است که رویداد onmouseleave خصوصیت bubble را ندارد. برای بهتر فهمیدن اختلاف این دو رویداد مثال آخر همین صفحه را مشاهده کنید.

پشتیبانی مرورگرها

اعداد داخل جدول، ورژن اولین مرورگری را مشخص می کند که به طور کامل از این رویداد پشتیبانی می کند.

Event
onmouseleave	30.0	5.5	بله	6.1	11.5

نحوه استفاده

در HTML:

<element onmouseleave="myScript">امتحان کنید

در جاوااسکریپت:

object.onmouseleave=function(){myScript};امتحان کنید

استفاده از متد addEventListener() در جاوااسکریپت:

object.addEventListener("mouseleave", myScript);امتحان کنید

نکته: متد 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 را نشان می دهد:

<div onmousemove="myMoveFunction()">
<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

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