Het 'onmouseenter' evenement

DOM events MouseEvent

Definitie en gebruik

Het 'onmouseenter' evenement wordt geactiveerd wanneer de muispijl op een element wordt gezet.

Tip:Dit evenement wordt meestal gebruikt met onmouseleave eventGebruik samen, dit evenement vindt plaats wanneer de muispunt van het element wordt verwijderd.

Tip: Het onmouseenter-evenement lijkt op onmouseover event. Het enige verschil is dat het onmouseenter-evenement niet bubbelt (het wordt niet doorgegeven aan de hogere documenthiërarchie). Zie meer voorbeelden aan het einde van de pagina.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de muispunt op het beeld wordt gezet:

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Lachend">

Probeer het zelf uit

Voorbeeld 2

Deze voorbeeld toont het verschil tussen de onmousemove, onmouseenter en mouseover evenementen:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ik zal het tonen met onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Ik zal het tonen met onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Ik zal het tonen met onmouseover!</p>
</div>

Probeer het zelf uit

Syntaxis

In HTML:

<element onmouseenter="myScript">

Probeer het zelf uit

In JavaScript:

object.onmouseenter = function(){myScript};

Probeer het zelf uit

Gebruik in JavaScript de addEventListener() methode:

object.addEventListener("mouseenter", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of eerder ondersteunt dit niet addEventListener() methode.

Technische details

Bubbelend: Niet ondersteund
Annuleerbaar: Niet ondersteund
Evenementstypen: MouseEvent
Ondersteunde HTML-tags: Alle HTML-elementen, behalve: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title>
DOM versie: Niveau 2 Evenementen

Browser ondersteuning

The numbers in the table indicate the first browser version that fully supports the event.

Events Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 Support 6.1 11.5
DOM events MouseEvent