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