طريقة jQuery mouseleave ()
مثال
اضبط لون الخلفية على الرمادي ، عندما يترك مؤشر الماوس عنصر <p>:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
التعريف والاستخدام
يقع حدث mouseleave عندما يترك مؤشر الماوس العنصر المحدد.
تقوم طريقة mouseleave () بتشغيل حدث mouseleave ، أو تقوم بإرفاق دالة للتشغيل عند حدوث حدث mouseleave.
ملاحظة: بخلاف حدث تجاوز الماوس ، يتم تشغيل حدث ترك الماوس فقط عندما يترك مؤشر الماوس العناصر المحددة. يتم تشغيل حدث خروج الماوس إذا ترك مؤشر الماوس أي عناصر فرعية بالإضافة إلى العنصر المحدد. انظر إلى المثال في نهاية الصفحة للحصول على عرض توضيحي.
تلميح: يتم استخدام هذا الحدث غالبًا مع حدث Mouseenter .
بناء الجملة
تشغيل حدث mouseleave للعناصر المحددة:
$(selector).mouseleave()
أرفق دالة بحدث mouseleave:
$(selector).mouseleave(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseleave event is triggered |
جربها بنفسك - أمثلة
الفرق بين mouseleave () و mouseout ().