onmouseenter इवेंट
विभावना और उपयोग
बाइल निर्देशक इवेंट बाइल पर बदलने पर होता है।
सूचना:इस इवेंट को अक्सर इसके साथ प्रयोग किया जाता है: onmouseleave इवेंटसाथ मिलकर उपयोग करके, जब माउस पॉइंटर एलीमेंट से बाहर चला जाए तो यह इवेंट होता है。
सूचना: onmouseenter इवेंट इसके समान है: onmouseover इवेंट. एकमात्र अंतर यह है कि onmouseenter इवेंट बुबलिंग नहीं करता (यह उच्चस्तरीय डॉक्यूमेंट संरचना में नहीं प्रसारित होता). पृष्ठ के नीचे अधिक उदाहरण पढ़ें。
उदाहरण
उदाहरण 1
जब माउस पॉइंटर चित्र पर चला जाए तो जावास्क्रिप्ट चलाएं:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
उदाहरण 2
यह उदाहरण onmousemove, onmouseenter और mouseover इवेंट के बीच के अंतर को प्रदर्शित करता है:
<div onmousemove="myMoveFunction()"> <p id="demo">मैं onmousemove पर प्रदर्शित करूंगा!</p> </div> <div onmouseenter="myEnterFunction()"> <p id="demo2">मैं onmouseenter पर प्रदर्शित करूंगा!</p> </div> <div onmouseover="myOverFunction()"> <p id="demo3">मैं onmouseover पर प्रदर्शित करूंगा!</p> </div>
व्याकरण
HTML में:
<एलीमेंट onmouseenter="myScript">
जावास्क्रिप्ट में:
ऑब्जैक्ट.onmouseenter = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करके:
ऑब्जैक्ट.addEventListener("mouseenter", myScript);
टिप्पणी:इंटरनेट एक्सप्लोरर 8 या अधिक पुरानी संस्करण इसे समर्थित नहीं करते addEventListener() विधि.
तकनीकी विवरण
| बुबलिंग: | नसमर्थित |
|---|---|
| रद्द करने योग्य: | नसमर्थित |
| इवेंट क़िस्म: | MouseEvent |
| समर्थित HTML टैग: | सभी HTML एलीमेंट, जिसमें <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> और <title> नहीं हैं: |
| DOM संस्करण: | स्तर 2 इवेंट |
ब्राउज़र समर्थन
तालिका में नम्बर इस इवेंट के पूर्ण समर्थन के पहले ब्राउज़र संस्करण को उल्लेख किया गया है।
| इवेंट | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | समर्थन | 6.1 | 11.5 |
