Beispiel
Führen Sie einen JavaScript, wenn Sie den Mauszeiger auf ein Bild bewegen:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Das Onmouseover Ereignis tritt ein, wenn der Mauszeiger auf ein Element bewegt wird, oder auf eines seiner Kinder.
Tipp: Dieses Ereignis wird häufig verwendet , zusammen mit dem onmouseout Ereignis, das auftritt , wenn ein Benutzer den Mauszeiger aus einem Element bewegt.
Browser-Unterstützung
| Event | |||||
|---|---|---|---|---|---|
| onmouseover | Ja | Ja | Ja | Ja | Ja |
Syntax
In HTML:
In JavaScript:
object .onmouseover=function(){ Versuch es selber " In JavaScript mit den addEventListener() Methode:
object .addEventListener("mouseover", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
| Blasen: | Ja |
|---|---|
| Es fällt eine Pauschale: | Ja |
| Event-Typ: | Mouseevent |
| Unterstützte HTML-Tags: | Alle HTML - Elemente, AUSSER: <base>, <bdo>, in , <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title> |
| DOM Version: | Level 2 Veranstaltungen |
Mehr Beispiele
Beispiel
Dieses Beispiel zeigt den Unterschied zwischen der onmousemove, OnMouseEnter und Mouseover-Ereignissen:
<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>
Versuch es selber " <Ereignisobjekt