حدث 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);

جربها بنفسك

ملاحظة:Internet Explorer 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