onmouseout इवेंट

DOM इवेंट MouseEvent

परिभाषा और उपयोग

जब माउस पिंटर एलीमेंट या इसके उप-एलीमेंट से बाहर निकलता है तो onmouseout इवेंट होता है。

सलाह:यह इवेंट आमतौर पर onmouseover इवेंटएक साथ उपयोग करके, जब पिंटर एलीमेंट या इसके उप-एलीमेंट पर जाता है तो यह इवेंट होता है。

उदाहरण

उदाहरण 1

जब माउस पिंटर चित्र से बाहर निकलता है तो जावास्क्रिप्ट चलाएं:

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

आप खुद साफ करें

उदाहरण 2

यह उदाहरण onmousemove, onmouseleave और onmouseout इवेंट के बीच के अंतर को प्रदर्शित करता है:

<div onmousemove="myMoveFunction()">
  <p id="demo">मैं onmousemove पर प्रदर्शित करूंगा!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">मैं onmouseleave पर प्रदर्शित करूंगा!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">मैं onmouseout पर प्रदर्शित करूंगा!</p>
</div>

आप खुद साफ करें

व्याकरण

HTML में:

<एलीमेंट onmouseout="myScript">

आप खुद साफ करें

जावास्क्रिप्ट में:

ऑब्जेक्ट.onmouseout = function(){myScript};

आप खुद साफ करें

जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करके:

ऑब्जेक्ट.addEventListener("mouseout", myScript);

आप खुद साफ करें

टिप्पणी:Internet Explorer 8 या अधिक पुरानी संस्करण इसे नहीं समर्थित करते addEventListener() विधि।

तकनीकी विवरण

बुबलिंग: समर्थन
रद्द करने वाला: समर्थन
इवेंट टाइप: MouseEvent
समर्थित HTML टैग: सभी HTML एलीमेंट: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> और <title> को छोड़कर
DOM संस्करण: स्तर 2 इवेंट

ब्राउज़र समर्थन

इवेंट च्रोम आईई फायरफॉक्स सफारी ऑपेरा
onmouseout समर्थन समर्थन समर्थन समर्थन समर्थन
DOM इवेंट MouseEvent