onmouseleave इवेंट

DOM इवेंट MouseEvent

विभावना और उपयोग

जब माउस पैंडिंग प्रतीत होता है, onmouseleave इवेंट उत्पन्न होता है।

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

सूचना: onmouseleave इवेंट इसके समान है: onmouseout इवेंटएकमात्र अंतर यह है कि onmouseleave इवेंट बुबलिंग नहीं करता (यह उच्चस्तरीय डॉक्यूमेंट संरचना में नहीं फैलता). वेबपेज के नीचे अधिक उदाहरणों के लिए देखें。

उदाहरण

उदाहरण 1

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

<img onmouseleave="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 में:

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

अपने आप साबित करें

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

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

अपने आप साबित करें

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

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

अपने आप साबित करें

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

तकनीकी विवरण

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

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

तालिका में नंबर को इस इवेंट को पूरी तरह से समर्थन करने वाली पहली ब्राउज़र संस्करण को निर्दिष्ट किया गया है।

इवेंट Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 समर्थन 6.1 11.5
DOM इवेंट MouseEvent