jQuery - طريقة تحوم ()

طريقة hover () < / span> لكلا الحدثين < span style = "font-family:" ساعي جديد" , " ساعي" ، حافلة صغيرة؛" > الماوس < / span > و إجازة الماوس< / الامتداد >. يمكنك استخدامه لاكتشاف متى يمر الماوس تحت عنصر.

.hover( handlerIn, handlerOut )

الطريقة  < span style = "عائلة الخط:" ساعي جديد" , " ساعي" ، حافلة صغيرة؛" >تحوم () < / سبان>  هو اختصار ل:

< pre class = "prettyprint lang-javascript" > $ ( selector) .mouseenter ( handlerIn ) .mouseleave( handlerOut ); < / pre>< / div>بناء الجملة:

< pre class = "prettyprint lang-javascript" > $ ( selector ).hover ( handlerIn ، handlerOut ) < br / >< / pre>example:

< pre class = "prettyprint lang-javascript" > $ ( "p" ).hover (
function () { // الماوس يدخل
$ ( this ).addClass ( "تحوم") ؛
} ، وظيفة () { // منطقة خروج الماوس
$ ( this) .removeClass ( "تحوم") ؛
}
) ؛ < / pre>

.hover ( handlerInOut )< / h2 > هذه الطريقة مفيدة عند تكرار نفس المعالجة لكل من أحداث الإدخال والإخراج لمنطقة العنصر الهدف. لن نحتاج إلى نسخ الكود إلى كل من وظائف حدث الإدخال والإخراج.

بناء الجملة:

$(selector).hover(handlerInOut)
عند تمرير دالة واحدة إلى طريقة hover () < / span > ، سيتم تنفيذ حدثين ، الماوس < / span > و إجازة الماوس< / الامتداد >. يسمح هذا لمستخدم jQuery باستخدام طرق تجاوز الفشل المختلفة في المعالج أو الاستجابة بشكل مختلف اعتمادا على event.type.

example:

$( selector ).on( "مؤشر الماوس داخل وخارج الصندوق"، handlerInOut)؛ 

المراجع:
https://api.jquery.com/hover/