ऑन-माउसओवर इवेंट
उदाहरण
एक छवि पर माउस पॉइंटर ले जाते समय एक जावास्क्रिप्ट निष्पादित करें:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
ऑनमाउसओवर घटना तब होती है जब माउस पॉइंटर को किसी तत्व या उसके किसी बच्चे पर ले जाया जाता है।
युक्ति: इस ईवेंट का उपयोग अक्सर ऑनमाउसआउट ईवेंट के साथ किया जाता है , जो तब होता है जब कोई उपयोगकर्ता माउस पॉइंटर को किसी तत्व से बाहर ले जाता है।
ब्राउज़र समर्थन
Event | |||||
---|---|---|---|---|---|
onmouseover | Yes | Yes | Yes | Yes | Yes |
वाक्य - विन्यास
एचटीएमएल में:
<element onmouseover="myScript">
जावास्क्रिप्ट में:
object.onmouseover = function(){myScript};
जावास्क्रिप्ट में, addEventListener() विधि का उपयोग करना:
object.addEventListener("mouseover", myScript);
नोट: AddEventListener () विधि Internet Explorer 8 और पुराने संस्करणों में समर्थित नहीं है।
टेक्निकल डिटेल
बुलबुले: | हां |
---|---|
रद्द करने योग्य: | हां |
घटना प्रकार: | माउसइवेंट |
समर्थित HTML टैग: | सभी HTML तत्व, सिवाय: <आधार>, <bdo>, <br>, <head>, <html>, <iframe>, <मेटा>, <परम>, <स्क्रिप्ट>, <शैली>, और <शीर्षक> |
डोम संस्करण: | स्तर 2 कार्यक्रम |
और ज्यादा उदाहरण
उदाहरण
यह उदाहरण onmousemove, onmouseenter और mouseover ईवेंट के बीच अंतर को प्रदर्शित करता है:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>