حدث onmouseout

أحداث DOM MouseEvent

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

يحدث حدث onmouseout عند تحريك مؤشر الفأرة خارج العنصر أو أحد أبنائه.

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

مثال

مثال 1

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

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

جرب بنفسك

مثال 2

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

<div onmousemove="myMoveFunction()">
  <p id="demo">سأظهر علىmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">سأظهر علىmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">سأظهر علىmouseout!</p>
</div>

جرب بنفسك

النحو

في HTML:

<element onmouseout="myScript">

جرب بنفسك

في JavaScript:

object.onmouseout = function(){myScript};

جرب بنفسك

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

object.addEventListener("mouseout", 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
حدث onmouseout الدعم الدعم الدعم الدعم الدعم
أحداث DOM MouseEvent