onmouseover-begivenhed

DOM begivenheder MouseEvent

DefinITION OG BRUG

onmouseover-begivenheden sker, når musepilen bevæger sig over elementet eller dens underelementer.

Tip:Denne begivenhed bruges ofte sammen med onmouseout begivenhedBrugt sammen, sker denne begivenhed, når brugeren flytter musepilen uden for elementet.

Eksempel

Eksempel 1

Udfør JavaScript, når musepilen bevæger sig over billedet:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

Prøv det selv

Eksempel 2

Dette eksempel demonstrerer forskellen mellem onmousemove, onmouseenter og mouseover-begivenheder:

<div onmousemove="myMoveFunction()">
  <p id="demo">Jeg vil demonstrere onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Jeg vil demonstrere onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Jeg vil demonstrere onmouseover!</p>
</div>

Prøv det selv

Syntaks

I HTML:

<element onmouseover="myScript">

Prøv det selv

I JavaScript:

object.onmouseover = function(){myScript};

Prøv det selv

I JavaScript bruger man addEventListener() metoden:

object.addEventListener("mouseover", myScript);

Prøv det selv

Bemærkninger:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobbeling: Support
Kan annulleres: Support
Eventtyper: MouseEvent
Støttede HTML-tægn: Alle HTML-elementer, med undtag: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> og <title>
DOM version: Level 2 begivenheder

Browser understøttelse

Begivenheder Chrome IE Firefox Safari Opera
onmouseover Support Support Support Support Support
DOM begivenheder MouseEvent