jQuery माउसलीव () विधि
उदाहरण
जब माउस पॉइंटर एक <p> तत्व छोड़ता है, तो पृष्ठभूमि का रंग ग्रे पर सेट करें:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
परिभाषा और उपयोग
माउसलीव घटना तब होती है जब माउस पॉइंटर चयनित तत्व को छोड़ देता है।
माउसलीव () विधि माउसलीव घटना को ट्रिगर करती है, या माउसलीव घटना होने पर चलाने के लिए एक फ़ंक्शन संलग्न करती है।
नोट: माउसआउट ईवेंट के विपरीत, माउसलीव ईवेंट केवल तभी ट्रिगर होता है जब माउस पॉइंटर चयनित तत्वों को छोड़ देता है। माउसआउट ईवेंट ट्रिगर हो जाता है यदि माउस पॉइंटर किसी भी बच्चे के तत्वों के साथ-साथ चयनित तत्व को छोड़ देता है। प्रदर्शन के लिए पृष्ठ के अंत में उदाहरण देखें।
युक्ति: इस ईवेंट का उपयोग अक्सर mouseenter ईवेंट के साथ किया जाता है .
वाक्य - विन्यास
चयनित तत्वों के लिए mouseleave ईवेंट ट्रिगर करें:
$(selector).mouseleave()
माउसलीव ईवेंट में एक फ़ंक्शन संलग्न करें:
$(selector).mouseleave(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseleave event is triggered |
इसे स्वयं आज़माएं - उदाहरण
के बीच का अंतर माउसलीव () और माउसआउट () के बीच अंतर को दर्शाता है।