حدث onmouseleave
مثال
قم بتنفيذ JavaScript عند تحريك مؤشر الماوس خارج الصورة:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
يقع حدث onmouseleave عندما يتم تحريك مؤشر الماوس خارج عنصر ما.
نصيحة: غالبًا ما يتم استخدام هذا الحدث مع حدث onmouseenter ، والذي يحدث عند تحريك مؤشر الماوس على عنصر.
نصيحة: حدث onmouseleave مشابه لحدث onmouseout . الاختلاف الوحيد هو أن حدث onmouseleave لا ينفجر (لا ينتشر لأعلى في التسلسل الهرمي للمستند). راجع "مزيد من الأمثلة" أسفل هذه الصفحة لفهم الاختلافات بشكل أفضل.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الحدث بشكل كامل.
| Event | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
بناء الجملة
في HTML:
<element onmouseleave="myScript">
في JavaScript:
object.onmouseleave = function(){myScript};
في JavaScript ، باستخدام طريقة addEventListener ():
object.addEventListener("mouseleave", myScript);
ملاحظة: طريقة addEventListener () غير مدعومة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | رقم |
|---|---|
| قابل للإلغاء: | رقم |
| نوع الحدث: | MouseEvent |
| علامات HTML المدعومة: | جميع عناصر HTML ، باستثناء: <base> و <bdo> و <br> و <head> و <html> و <iframe> و <meta> و <param> و <script> و <style> و <title> |
| إصدار DOM: | أحداث المستوى 2 |
مزيد من الأمثلة
مثال
يوضح هذا المثال الفرق بين أحداث onmousemove و onmouseleave و onmouseout:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>