Neueste Web-Entwicklung Tutorials
 

OnMouseEnter Ereignis

<Ereignisobjekt

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

Beispiele

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