رویداد onmouseleave

رویدادهای DOM MouseEvent

تعریف و استفاده

وقتی اشاره‌گر ماورای عنصر حرکت کند، رویداد onmouseleave رخ می‌دهد.

توضیح:این رویداد معمولاً با رویداد onmouseenterبا هم استفاده می‌شوند، وقتی که نشانگر ماوراء عنصر حرکت می‌کند، این رویداد رخ می‌دهد.

توضیح: رویداد onmouseleave مشابه رویداد onmouseout. تنها تفاوت این است که رویداد onmouseleave به بالا در ساختار سند نمی‌رود (نمی‌تواند به سمت بالا در ساختار سند منتقل شود). برای مثال‌های بیشتر به پایین صفحه مراجعه کنید.

مثال

مثال 1

وقتی که نشانگر ماوراء تصویر خارج می‌شود، جاوااسکریپت را اجرا کنید:

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

آزمایش کنید

مثال 2

این مثال تفاوت‌های بین رویدادهای onmousemove، onmouseleave و onmouseout را نشان می‌دهد:

<div onmousemove="myMoveFunction()">
  <p id="demo">من خواهم نشان داد که روی onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">من خواهم نشان داد که روی onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">من خواهم نشان داد که روی onmouseout!</p>
</div>

آزمایش کنید

قانون‌نویسی

در HTML:

<عنصر onmouseleave="myScript">

آزمایش کنید

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

شیء.onmouseleave = function(){myScript};

آزمایش کنید

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

شیء.addEventListener("mouseleave", myScript);

آزمایش کنید

توضیح:اینترنت اکسپلورر 8 یا نسخه‌های قبلی آن پشتیبانی نمی‌کند روش addEventListener().

جزئیات فنی

بالابردگی: پشتیبانی نمی‌شود
قابل لغو: پشتیبانی نمی‌شود
نوع رویدادها: MouseEvent
برچسب‌های HTML پشتیبانی شده: تمام عناصر HTML، به استثنای：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title>
نسخه‌ی DOM: رویدادهای سطح 2

پردازنده‌ی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که از این رویداد پشتیبانی می‌کند.}

رویداد Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 پشتیبانی 6.1 11.5
رویدادهای DOM MouseEvent