jQuery رویداد - روش mouseover()

مثال

تغییر رنگ پس‌زمینه عنصر زمانی که نشانه‌ی موس روی آن قرار دارد:

$("p").mouseover(function(){
  $("p").css("background-color","yellow");
});

آزمایش کنید

تعریف و استفاده

وقتی که نشانه‌ی موس روی عنصر قرار دارد، رویداد mouseover رخ می‌دهد.

این رویداد بیشتر اوقات با mouseout رویدادها با هم استفاده می‌شوند.

مетод mouseover() رویداد mouseover را فعال می‌کند، یا تابعی را که در زمان وقوع رویداد mouseover اجرا می‌شود را تعیین می‌کند.

نکته:برخلاف رویداد mouseenter، رویداد mouseover در هر زمانی که نشانه‌ی موس از یک عنصر انتخاب‌شده یا فرزندان آن عبور می‌کند، فعال می‌شود. تنها در زمانی که نشانه‌ی موس از یک عنصر انتخاب‌شده عبور می‌کند، رویداد mouseenter فعال می‌شود. لطفاً نمایش زیر را مشاهده کنید.

آزمایش کنید:تفاوت‌های mouseenter و mouseover

رویداد mouseover را فعال کنید

رابط‌نویسی

$(انتخاب‌گر).mouseover()

آزمایش کنید

تابع را به رویداد mouseover پیوند دهید

رابط‌نویسی

$(انتخاب‌گر).mouseover(تابع)
پارامتر توضیح
تابع اختیاری. تابعی که در زمان وقوع رویداد mouseover اجرا می‌شود را تعیین می‌کند.

آزمایش کنید