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