onmouseover इवेंट

DOM इवेंट MouseEvent

वर्णन और उपयोग

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

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

उदाहरण

उदाहरण 1

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

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

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

अपने आप साफ करें

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

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

अपने आप साफ करें

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

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

अपने आप साफ करें

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

तकनीकी विवरण

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

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

इवेंट Chrome IE Firefox Safari Opera
onmouseover समर्थन समर्थन समर्थन समर्थन समर्थन
DOM इवेंट MouseEvent