Beispiel
Führen Sie einen JavaScript, wenn Sie den Mauszeiger auf ein Bild bewegen:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Das OnMouseEnter Ereignis tritt ein, wenn der Mauszeiger auf ein Element bewegt.
Tipp: Dieses Ereignis wird häufig verwendet , zusammen mit dem OnMouseLeave Ereignis, das auftritt , wenn der Mauszeiger aus einem Element bewegt wird.
Tipp: Das OnMouseEnter Ereignis ähnelt dem Onmouseover Ereignis. Der einzige Unterschied ist , dass das Ereignis nicht OnMouseEnter Blase (does not propagate up the document hierarchy) . Siehe "More Examples" am Ende dieser Seite , um besser die Unterschiede zu verstehen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.
Event | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Ja | 6.1 | 11.5 |
Syntax
In HTML:
In JavaScript:
object .onmouseenter=function(){ Versuch es selber "
In JavaScript mit den addEventListener() Methode:
object .addEventListener("mouseenter", myScript );
Versuch es selber " Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und früheren Versionen.
Technische Details
Blasen: | Nein |
---|---|
Es fällt eine Pauschale: | Nein |
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