ऑनमाउसेंटर इवेंट
उदाहरण
एक छवि पर माउस पॉइंटर ले जाते समय एक जावास्क्रिप्ट निष्पादित करें:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ऑनमाउसेंटर घटना तब होती है जब माउस पॉइंटर को किसी तत्व पर ले जाया जाता है।
युक्ति: इस घटना का उपयोग अक्सर ऑनमाउसलीव घटना के साथ किया जाता है , जो तब होता है जब माउस पॉइंटर को किसी तत्व से बाहर ले जाया जाता है।
युक्ति: ऑनमाउसेंटर इवेंट ऑनमाउसओवर इवेंट के समान है । अंतर केवल इतना है कि ऑनमाउसेंटर ईवेंट बबल नहीं करता है (दस्तावेज़ पदानुक्रम का प्रचार नहीं करता है)। मतभेदों को बेहतर ढंग से समझने के लिए इस पृष्ठ के निचले भाग में "अधिक उदाहरण" देखें।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से ईवेंट का समर्थन करता है।
Event | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
वाक्य - विन्यास
एचटीएमएल में:
<element onmouseenter="myScript">
जावास्क्रिप्ट में:
object.onmouseenter = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("mouseenter", myScript);
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | नहीं |
---|---|
रद्द करने योग्य: | नहीं |
घटना प्रकार: | माउसइवेंट |
समर्थित HTML टैग: | सभी HTML तत्व, सिवाय: <आधार>, <bdo>, <br>, <head>, <html>, <iframe>, <मेटा>, <परम>, <स्क्रिप्ट>, <शैली>, और <शीर्षक> |
डोम संस्करण: | स्तर 2 कार्यक्रम |
और ज्यादा उदाहरण
उदाहरण
यह उदाहरण onmousemove, onmouseenter और mouseover ईवेंट के बीच अंतर को प्रदर्शित करता है:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>