ऑनहाउसआउट इवेंट
उदाहरण
माउस पॉइंटर को छवि से बाहर ले जाते समय जावास्क्रिप्ट निष्पादित करें:
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ऑनमाउसआउट घटना तब होती है जब माउस पॉइंटर को किसी तत्व से, या उसके किसी बच्चे से बाहर ले जाया जाता है।
नुस्ख़ा : इस ईवेंट का उपयोग अक्सर ऑन- माउसओवर ईवेंट के साथ किया जाता है , जो तब होता है जब पॉइंटर को किसी एलीमेंट पर या उसके किसी बच्चे पर ले जाया जाता है।
ब्राउज़र समर्थन
Event | |||||
---|---|---|---|---|---|
onmouseout | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
एचटीएमएल में:
<element onmouseout="myScript">
जावास्क्रिप्ट में:
object.onmouseout = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("mouseout", 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>