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

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

సంకేతాలు

హెచ్చిఎల్ లో:

<element onmouseover="myScript">

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

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

object.onmouseover = function(){myScript};

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

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

object.addEventListener("mouseover", myScript);

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

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

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

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

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

ఇంటర్వెంట్స్ చ్రోమ్ ఐఈ ఫైర్ఫాక్స్ సఫారీ ఆపరా
onmouseover మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
DOM ఇంటర్వెంట్స్ MouseEvent