English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة jQuery mouseleave()

أحداث jQuery

تُتطلق دالة mouseleave() حدث mouseleave أو يتم تثبيت دالة لتعمل عند حدوث حدث mouseleave

تُحدث حدث mouseleave عند سحب مؤشر الفأرة خارج عنصر ما

قد تعتقد أن mouseleave وmouseoutالحدثان متشابهان، لكنهما ليسا:

  • mouseleave-تُدعى دالة mouseout عند سحب مؤشر الفأرة خارج عنصر ما

  • mouseout-تُدعى دالة mouseleave() عند سحب مؤشر الفأرة خارج عنصر ما أو أحد أبنائه (انظر مثالًا أدناه)

تُستخدم دالة mouseleave() عادةً معmouseenter()استخدام الطريقة معًا.

القواعد النحوية:

تفعيل حدث mouseleave للعنصر المحدد

$(selector).mouseleave()

إضافة الدالة إلى حدث mouseleave

$(selector).mouseleave(function)

مثال

تغيير لون الخلفية عند تفعيل أحداث mouseenter و mouseleave:

$("p").mouseenter(function(){
  $(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
  $(this).css("background-color", "lightblue");
});
اختبار لمعرفة‹/›

هذا المثال يوضح الفرق بين mouseleave و mouseout:

الاستدعاء إلى حدث mouseleave: 2

الاستدعاء إلى حدث mouseout: 2

تشغيل الكود

قيمة الم 参数

الم 参数وصف
دالةدالة تنفيذ عند تفعيل حدث mouseleave

أحداث jQuery