حدث onmouseenter
مثال
قم بتنفيذ JavaScript عند تحريك مؤشر الماوس على صورة:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث onmouseenter عندما يتم تحريك مؤشر الماوس فوق عنصر.
نصيحة: غالبًا ما يتم استخدام هذا الحدث مع حدث onmouseleave ، والذي يحدث عند تحريك مؤشر الماوس خارج أحد العناصر.
نصيحة: حدث onmouseenter مشابه لحدث onmouseover . الاختلاف الوحيد هو أن حدث onmouseenter لا ينفجر (لا ينتشر لأعلى في التسلسل الهرمي للمستند). راجع "مزيد من الأمثلة" أسفل هذه الصفحة لفهم الاختلافات بشكل أفضل.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.
Event | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
بناء الجملة
في HTML:
<element onmouseenter="myScript">
في JavaScript:
object.onmouseenter = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("mouseenter", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
فقاعات: | رقم |
---|---|
قابل للإلغاء: | رقم |
نوع الحدث: | MouseEvent |
علامات HTML المدعومة: | جميع عناصر HTML ، باستثناء: <base> و <bdo> و <br> و <head> و <html> و <iframe> و <meta> و <param> و <script> و <style> و <title> |
إصدار DOM: | أحداث المستوى 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>