it-swarm.asia

عندما تختار mouseover () و hover () وظيفة

ما هي الاختلافات بين jquery .mouseover() و .hover()؟ إذا كانت متشابهة تمامًا لماذا تستخدم jQuery كليهما؟

96
Bhojendra Rauniyar

من الوثائق

.mouseover(): source

قم بربط معالج الأحداث بحدث JavaScript "Mouseover" ، أو قم بتشغيل هذا الحدث على عنصر.

.hover(): source

ربط واحد أو اثنين من معالجات العناصر المتطابقة ، ليتم تنفيذها عند مؤشر الماوس يدخل و يترك العناصر.

الاتصال بـ $(selector).hover(handlerIn, handlerOut) هو اختصار لـ: $(selector).mouseenter(handlerIn).mouseleave(handlerOut);

.mouseenter(): source

قم بربط معالج الأحداث ليتم تشغيله عند إدخال الماوس لعنصر ، أو تشغيل هذا المعالج على عنصر ما.

mouseover تشتعل عندما يتحرك المؤشر في العنصر الفرعي أيضًا ، بينما يطلق mouseenter فقط عندما يتحرك المؤشر في العنصر المنضم.

ماذا يعني هذا

لهذا السبب ، .mouseover() هي لا هي نفسها .hover() ، لنفس السبب .mouseover() هي لا / مثل .mouseenter().

$('selector').mouseover(over_function) // may fire multiple times

// enter and exit functions only called once per element per entry and exit
$('selector').hover(enter_function, exit_function) 
99
Navin Rauniyar

تقبل الدالة .hover() وسيطين وظيفيين ، واحدة للحدث mouseenter وواحدة للحدث mouseleave.

29
mishik

يمكنك تجربة ذلك http://api.jquery.com/mouseover/ على صفحة مستند jQuery. إنه عرض توضيحي تفاعلي صغير لطيف يجعله واضحًا للغاية ويمكنك رؤيته بنفسك.

باختصار ، ستلاحظ أن حدث تجاوز الماوس يحدث عند عنصر ما عندما تكون فوقه - يأتي من عنصره الأصل OR ، ولكن حدث إدخال الماوس يحدث فقط عندما يتحرك الماوس من العنصر الرئيسي للعنصر.

6
Shivaji Ranaware

من المستندات الرسمية: ( http://api.jquery.com/hover/ )

الأسلوب .hover () يربط معالجات أحداث الماوس و mouseleave. يمكنك استخدامه لتطبيق السلوك ببساطة على عنصر ما أثناء وجود الماوس داخل العنصر.

1
Sprottenwels

كما يمكنك أن تقرأ في http://api.jquery.com/mouseenter/

يعتبر حدث JavaScript الخاص بـ mouseenter ملكية خاصة بـ Internet Explorer. بسبب الأداة المساعدة العامة للحدث ، يحاكي jQuery هذا الحدث بحيث يمكن استخدامه بغض النظر عن المتصفح. يتم إرسال هذا الحدث إلى عنصر عندما يدخل مؤشر الماوس في العنصر. يمكن لأي عنصر HTML تلقي هذا الحدث.

1
Edorka