%45 تخفیف، با کد GhorbanTaGhadir روی تمام آموزش ها، بمناسبت عید قربان و غدیر
زمان باقی مانده (تمدید شد)
سبد (0)

تبلیغات

رویداد onmouseleave

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

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

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

خودتان امتحان کنید »

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


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

رویدا 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 Reference مرجع کلیه رویدادهای JavaScript


تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی