رویداد onmouseenter

رویدادهای DOM MouseEvent

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

رویداد onmouseenter وقتی که نقطه‌ی موس به روی عنصر حرکت می‌کند، رخ می‌دهد.

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

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

مثال

مثال 1

اجرای کد JavaScript وقتی که موس روی تصویر حرکت می‌کند:

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

آزمایش کنید

مثال 2

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

<div onmousemove="myMoveFunction()">
  <p id="demo">من اینجا به نمایش می‌گذارم که onmousemove چگونه کار می‌کند!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">من اینجا به نمایش می‌گذارم که onmouseenter چگونه کار می‌کند!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">من اینجا به نمایش می‌گذارم که onmouseover چگونه کار می‌کند!</p>
</div>

آزمایش کنید

نحوه‌ی نوشتن

در HTML:

<عنصر onmouseenter="myScript">

آزمایش کنید

در JavaScript:

عنصر.onmouseenter = function(){myScript};

آزمایش کنید

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

عنصر.addEventListener("mouseenter", myScript);

آزمایش کنید

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

جزئیات فنی

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

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

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

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