onmouseleave ఇవెంట్

DOM 事件 MouseEvent

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

మౌస్ పరికరం మూలకు బయటకు నడిచినప్పుడు, onmouseleave ఇవెంట్ జరుగుతుంది.

సలహా:ఈ ఇవెంట్ సాధారణంగా ఈ విధంగా అని కరుతుంది: onmouseenter ఇవెంట్కలిసి ఉపయోగించడం విధంగా, మౌస్ పింటర్ ఎలమెంట్స్ పైనుండి బయటకు తరలించినప్పుడు ఈ ఇవెంట్ జరుగుతుంది.

సలహా: onmouseleave ఇవెంట్ ఈ విధంగా అని కరుతుంది: onmouseout ఇవెంట్. ఒక్క వ్యత్యాసం అని కరుతుంది కాబట్టి onmouseleave ఇవెంట్ బాపింగ్ లేదు (అది పైని డాక్యుమెంట్ హెరార్కీకి అప్ ప్రసారం చేయబడదు). పేజీ కింది మరిన్ని ఉదాహరణలను చూడండి.

ఉదాహరణ

ఉదాహరణ 1

మౌస్ పింటర్ చిత్రం పైనుండి బయటకు తరలించినప్పుడు జావాస్క్రిప్ట్ అమలు చేయండి:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

నేను ప్రయత్నించండి

ఉదాహరణ 2

ఈ ఉదాహరణ నేను 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 onmouseleave="myScript">

నేను ప్రయత్నించండి

జావాస్క్రిప్ట్ లో:

object.onmouseleave = function(){myScript};

నేను ప్రయత్నించండి

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

object.addEventListener("mouseleave", myScript);

నేను ప్రయత్నించండి

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

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

బాపింగ్ అని కరుతుంది: మద్దతు లేదు
రద్దు చేయగలిగే అని కరుతుంది: మద్దతు లేదు
ఇవెంట్ రకాలు: MouseEvent
మద్దతు పొందే HTML టాగ్స్ అని కరుతుంది: అన్ని HTML ఎలమెంట్స్ మరియు ఈ ఎక్సెప్షన్స్ కాకుండా: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> మరియు <title>
DOM వెర్షన్ అని కరుతుంది: లెవల్ 2 ఇవెంట్స్

బ్రౌజర్ మద్దతు

表中的数字注明了完全支持该事件的首个浏览器版本。

事件 Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 支持 6.1 11.5
DOM 事件 MouseEvent