مثال
تنفيذ جافا سكريبت عند تحريك مؤشر الماوس من صورة:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
يحدث هذا الحدث onmouseleave عندما يتم نقل مؤشر الماوس من عنصر.
نصيحة: غالبا ما يتم استخدام هذا الحدث جنبا إلى جنب مع onmouseenter الحدث، والذي يحدث عندما يتم نقل مؤشر الماوس على عنصر.
نصيحة: الحدث onmouseleave يشبه onmouseout الحدث. والفرق الوحيد هو أن الحدث onmouseleave لا فقاعة (does not propagate up the document hierarchy) . انظر "More Examples" في أسفل هذه الصفحة لفهم الاختلافات.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الحدث.
| هدف | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | نعم فعلا | 6.1 | 11.5 |
بناء الجملة
في HTML:
في جافا سكريبت:
object .onmouseleave=function(){ انها محاولة لنفسك » في جافا سكريبت، وذلك باستخدام addEventListener() الأسلوب:
object .addEventListener("mouseleave", myScript );
انها محاولة لنفسك » ملاحظة: addEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة.
تفاصيل تقنية
| فقاعات: | لا |
|---|---|
| للإلغاء: | لا |
| نوع الحدث: | MouseEvent |
| علامات HTML المعتمدة: | جميع عناصر HTML، باستثناء: <قاعدة>، <BDO> و <br>، <head>، <HTML>، <IFRAME>، <meta>، <المعلمة>، <script>، <نمط>، و <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>
انها محاولة لنفسك » <كائن الحدث