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