onmousemove ఇవెంట్

DOM 事件 MouseEvent

నిర్వచనం మరియు వినియోగం

onmousemove ఇవెంట్ పాయింటర్ అంతర్భాగంలో నడిపినప్పుడు జరుగుతుంది .

ఇన్స్టాన్స్

ఉదాహరణ 1

కాస్మూడ్ పోయింటర్ పైగా నడిపినప్పుడు JavaScript అమలు చేయుము:

<div onmousemove="myFunction()">కాస్మూడ్ పోయింటర్ పైగా నడిపించండి</div>

మీరే ప్రయత్నించండి

ఉదాహరణ 2

ఈ ఉదాహరణ నుండి onmousemove, onmouseenter మరియు onmouseover ఇవెంట్స్ మధ్య వ్యత్యాసాలను ప్రదర్శిస్తుంది:

<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>

మీరే ప్రయత్నించండి

సంకేతం

హెచ్ఎంఎల్ లో ఉంటుంది:

<element onmousemove="myScript">

మీరే ప్రయత్నించండి

జావాస్క్రిప్ట్ లో ఉంటుంది:

object.onmousemove = function(){myScript};

మీరే ప్రయత్నించండి

జావాస్క్రిప్ట్ లో, addEventListener() మాథ్యూడ్ ఉపయోగించడం విధంగా ఉంటాయి:

object.addEventListener("mousemove", myScript);

మీరే ప్రయత్నించండి

ప్రతీక్ష:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 లేదా అంతకన్నా పాత వర్షన్లు ఈ మాథ్యూడ్ ను మద్దతు చేయవు addEventListener() మాథ్యూడ్.

సాంకేతిక వివరాలు

బాపింగ్ ఉంటాయి: 支持
రద్దు చేయగలిగే విధంగా ఉంటాయి: 支持
ఇవెంట్ రకాలు: MouseEvent
మద్దతు ఉండే హెచ్ఎంఎల్ టాగ్స్: అన్ని హెచ్ఎంఎల్ ఎలమెంట్స్, మరియు ఈ ప్రత్యేకంగా కాదు: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> మరియు <title>
DOM 版本： Level 2 Events

浏览器支持

事件 Chrome IE Firefox Safari Opera
onmousemove 支持 支持 支持 支持 支持
DOM 事件 MouseEvent