رویداد onmouseover

رویدادهای DOM MouseEvent

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

رویداد onmouseover وقتی رخ می‌دهد که نشانگر ماوس روی عنصر یا یکی از فرزندان آن قرار می‌گیرد.

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

مثال

مثال 1

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

<img onmouseover="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:

<element onmouseover="myScript">

آزمایش کنید

در JavaScript:

object.onmouseover = function(){myScript};

آزمایش کنید

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

object.addEventListener("mouseover", myScript);

آزمایش کنید

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

جزئیات فنی

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

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

رویداد Chrome IE Firefox Safari Opera
onmouseover پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی
رویدادهای DOM MouseEvent