onmousemove इवेंट

DOM इवेंट MouseEvent

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

जब सहीज एलीमेंट पर माउस घूमता है तो onmousemove इवेंट होता है。

इस्टेंस

उदाहरण 1

माउस कोशिश लाओ इस <div> एलीमेंट पर

<div onmousemove="myFunction()">Move the cursor over me</div>

अपने आप प्रयोग करें

उदाहरण 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>

अपने आप प्रयोग करें

उदाहरण 3

यह उदाहरण 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 में:

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

अपने आप प्रयोग करें

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

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

अपने आप प्रयोग करें

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

ऑब्जेक्ट.addEventListener("mousemove", 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
onmousemove समर्थन समर्थन समर्थन समर्थन समर्थन
DOM इवेंट MouseEvent