حدث onmouseleave

أحداث DOM MouseEvent

التعريف والاستخدام

عندما يتحرك مؤشر الفأرة خارج العنصر، يحدث حدث onmouseleave.

نصيحة:عادةً ما يستخدم هذا الحدث مع حدث onmouseenterاستخدامها معًا، يحدث الحدث عند تحريك مؤشر الفأرة إلى العنصر.

نصيحة: أحداث onmouseleave تشبه حدث onmouseout. الفرق الوحيد هو أن أحداث onmouseleave لا تتمدد (لا تنتشر إلى بنية الوثيقة الأعلى). راجع المزيد من الأمثلة في أسفل الصفحة.

مثال

مثال 1

تنفيذ JavaScript عند سحب مؤشر الفأرة خارج الصورة:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

جرب بنفسك

مثال 2

هذا المثال يوضح الفرق بين أحداث onmousemove، onmouseleave و onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">سأوضح على onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">سأوضح على onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">سأوضح على onmouseout!</p>
</div>

جرب بنفسك

النحو

في HTML:

<element onmouseleave="myScript">

جرب بنفسك

في JavaScript:

object.onmouseleave = function(){myScript};

جرب بنفسك

في JavaScript، استخدم طريقة addEventListener():

object.addEventListener("mouseleave", 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
onmouseleave 30.0 5.5 دعم 6.1 11.5
أحداث DOM MouseEvent