Exemplu
Executați un JavaScript atunci când se deplasează cursorul mouse-ului pe o imagine:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Evenimentul onMouseOver apare atunci când cursorul mouse-ului este mutat pe un element, sau pe unul dintre copiii săi.
Sfat: Acest eveniment este adesea utilizat împreună cu onMouseOut eveniment, care are loc atunci când un utilizator se muta cursorul mouse - ului dintr - un element.
Suport pentru browser-
| Eveniment | |||||
|---|---|---|---|---|---|
| onmouseover | da | da | da | da | da |
Sintaxă
In HTML:
< Încearcă - l singur » În JavaScript:
object .onmouseover=function(){ Încearcă - l singur » În JavaScript, folosind addEventListener() metoda:
object .addEventListener("mouseover", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | da |
|---|---|
| anulabil: | da |
| Tip de eveniment: | MouseEvent |
| Tag-uri HTML acceptate: | Toate elementele HTML, cu excepția: <bază>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> și <title> |
| DOM Versiune: | Nivelul 2 Evenimente |
Mai multe exemple
Exemplu
Acest exemplu demonstrează diferența dintre evenimentele onmousemove, onmouseenter și 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>
Încearcă - l singur » <Eveniment obiect