طريقة jQuery mouseenter()

أحداث jQuery

تتم استدعاء طريقة mouseenter() لتحفيز حدث mouseenter، أو إضافة دالة لتشغيلها عند حدوث حدث mouseenter

تتم استدعاء حدث mouseenter عند دخول سهم الماوس إلى العنصر

قد تتوقعmouseenter،mousemoveوmouseoverهذه الأحداث متشابهة، ولكنها ليست نفسها:

• mouseenter-تتم استدعاء هذه الطريقة فقط عند دخول سهم الماوس إلى العنصر

• mousemove-تتم استدعاء هذه الطريقة عند وضع سهم الماوس على العنصر

• mouseover-تتم استدعاء هذه الطريقة عند دخول سهم الماوس إلى العنصر أو أبنائه (انظر الأمثلة أدناه)

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

النص:

تثبيت الحدث mouseenter على العنصر المحدد:

$(selector).mouseenter()

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

$(selector).mouseenter(function)

مثال

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

$("p").mouseenter(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
　　$(this).css("background-color", "lightblue");
});

هذا المثال يوضح الفرق بين mousemove،mouseenter وmouseover

قيمة المتغير

أحداث jQuery