رویداد 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">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate 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 واقع

بھرپائی کا طریقہ

واقع کروم آئی ای فائرفاکس سافری آپریا
onmouseover دستاویز دستاویز دستاویز دستاویز دستاویز
DOM واقع MouseEvent