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

جرب بنفسك

ملاحظة:Internet Explorer 8 أو الأحدث لا يدعم طريقة addEventListener().

تفاصيل التقنية

التدفق الافتراضي: غير مدعوم
قابل للإلغاء: غير مدعوم
نوع الحدث: MouseEvent
العلامات HTML المدعومة: جميع عناصر HTML، باستثناء：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title>
إصدار DOM: الحدث المستوى 2

المتصفح يدعم

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذا الحدث بشكل كامل.

أحداث كروم IE فايرفوكس سافاري أوبرا
onmouseenter 30.0 5.5 دعم 6.1 11.5
أحداث DOM MouseEvent